For opening a specific tabs
For opening a specific tabs, add this code to an HTML element within the same page template and use ‘data-tab-open|x‘ (replace x with the number of the tab based zero) ie. first tab get 0, second tab get 1.
Add that to the link element > advanced > attribute box
<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
let desktoptitles = $('.elementor-tab-desktop-title');
let mobiletitles = $('.elementor-tab-mobile-title');
let isMobile = window.innerWidth < 768;
let openers = document.querySelectorAll('[data-tab-open]');
openers.forEach( (e,i) => {
e.addEventListener('click',function(){
let openThis = e.getAttribute('data-tab-open');
if (!(desktoptitles.eq(openThis).hasClass('elementor-active'))){
desktoptitles.eq(openThis).click();
}
if (!(mobiletitles.eq(openThis).hasClass('elementor-active'))){
mobiletitles.eq(openThis).click();
}
$('html, body').animate({
scrollTop: isMobile? mobiletitles.eq(openThis).offset().top - 100 : desktoptitles.eq(openThis).offset().top - 100
},'slow');
});
}); } );
});
</script>
