Link to Tab in Tab Section

Hi,

Please follow the instructions here:

// https://kriesi.at/support/topic/different-layout-for-blog-layout-and-certain-category-layout/#post-624419
// https://kriesi.at/support/topic/linking-to-filtered-portfolio-ajax/#post-430830

For the tab, this script should work:

// auto trigger
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script() {
?>
		<script>
        (function($){
            function getQueryParams(qs) {
			    qs = qs.split("+").join(" ");
			    var params = {},
			        tokens,
			        re = /[?&]?([^=]+)=([^&]*)/g;

			    while (tokens = re.exec(qs)) {
			        params[decodeURIComponent(tokens[1])]
			            = decodeURIComponent(tokens[2]);
			    }

			    return params;
			}

			var $_GET = getQueryParams(document.location.search);

            $(window).load(function() {
                switch($_GET['tabsort']) {
                    case '1':
                        $('a[data-av-tab-section-title="1"]').trigger('click');
                        break;
                    case '2':
                        $('a[data-av-tab-section-title="2"]').trigger('click');
                        break;
                    case '3':
                        $('a[data-av-tab-section-title="3"]').trigger('click');
                        break;
                    case '4':
                        $('a[data-av-tab-section-title="4"]').trigger('click');
                        break;
                }
            });
        })(jQuery);
        </script>
<?php
}

The url should look something this:

http://www.mysite.com/myportfolio?tabsort=2

This will trigger the second tab.

Best regards,
Ismael

Hey!

@Twisted Pear: Could you please provide a link to the page with the nested tabs? I think this is possible but having a tab inside another tab is not good idea because you’re unintentionally hiding the content from your users. Be mindful of the Three-click rule when designing your content.

Best regards,
Ismael

Hey!

Remove the link or href value of the button then add a unique class attribute to it. Use the button to trigger the “Schedule” tab title. Something like this:

   function b() {
        $('.customcssforthebutton a').on('click', function(e) {
            e.preventDefault();
            $('a[data-av-tab-section-title="3"]').trigger('click');
        });
    }

    b();

Regards,
Ismael

Hi Nik,

Great, glad we could help and thanks for the feedback. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard