Anchor Links Not Scrolling to Tab Section Tabs

Hi Ismael,

Thank you very much for yout hint!

I changed the one line you mentioned in the code which I pasted into the functions.php in my child-Theme and put only the Anchor in the URL-Field of the Buttons, but nothing happens. The Anchor seems to be correct, when I directly click on the Tab, the URL des not change.

Do you habe any additional hind where to look?

Thanks and best regards
Jan

I’d like to summarize the results, maybe that’ll help someone later.

The Goal was to scroll to a Tab-Section and switch to a specific tab (using an Anchor in the URL doesnt work in this setting).

This code must be added to the functions.php:

// custom script
add_action( 'wp_footer', 'ava_custom_script_tab_section' );
function ava_custom_script_tab_section() {
?>
<script type="text/javascript">
(function($) {
	function scrollToTab(s, e,) {
		$(s).on(e, function(event) {
			var anchor, loc, cur, hash, tab, parent, pos;

			if( e == 'load' ) {
				loc  = window.location.hash;
				hash = loc;
			} else {
				loc = $(this).attr('href');
				hash = loc.substring(loc.indexOf('#'));
			}
	
			tab = $('.av-section-tab-title[href="'+ hash +'"]');
			parent = tab.parents('.av-tab-section-outer-container');
			pos = parent.offset();

			tab.trigger('click');
			
			if(hash) {
				setTimeout( function() {
					$(window).scrollTop( pos.top - 100 )
				}, 100 );
			}
		});
	}

	scrollToTab( '.avia-buttonrow-wrap a', 'click' );
	scrollToTab( window, 'load' );
})(jQuery);
</script>
<?php
}

The code above works, if the scrolling is triggered by a click on a button in a “Button Row” element.

The line

scrollToTab( '.avia-buttonrow-wrap a', 'click' );

must be cahnged if a click in a menu or another element should trigger the action.