Pagination within Tabs

Design help General
12

Had the same issue and a fix. This code will use local storage to save the last known tab(even after the refresh that comes with pagination). This will save the tab even if you leave the page and come back.

the code should be a simple cut and paste into your page /body code area.

<script type="text/javascript">
   
    $(document).ready(function () {

    function activate(tab) {
        // switch all tabs off
        $(".w--current").removeClass(" w--current");

        // switch this tab on
        tab.addClass("w--current");
}
    if (localStorage) { // let's not crash if some user has IE7
        var index = parseInt(localStorage['tab'] || '0');
        activate($('.w-tab-link').eq(index));
    }

    // When a link is clicked
    $(".w-tab-link").click(function () {
        if (localStorage) localStorage['tab'] = $(this).index();
        activate($(this));
    });

});
</script>