Difference between revisions of "MediaWiki:Gadget-Tabs.js"

From BlazBlue Wiki
Jump to: navigation, search
m
m (Don't change location hash to tab ID or else page will jump to the tabs when changing tabs)
 
Line 7: Line 7:
 
         li.addClass('active').siblings('li').removeClass('active');
 
         li.addClass('active').siblings('li').removeClass('active');
 
         tabs.children('div').eq(index).show().siblings('div').hide();
 
         tabs.children('div').eq(index).show().siblings('div').hide();
        window.location.hash = $(li).attr("id");
 
 
     });
 
     });
 
      
 
      
 
     // activate first non-hidden tab without changing the hash
 
     // activate first non-hidden tab without changing the hash
     var li = tabs.find('> ul > li:not(".hidden")').first()
+
     var li = tabs.find('> ul > li:not(".hidden")').first();
 
     var index = li.index();
 
     var index = li.index();
 
     li.addClass('active').siblings('li').removeClass('active');
 
     li.addClass('active').siblings('li').removeClass('active');

Latest revision as of 02:34, 17 June 2020

$('div.tabdiv').each(function() {
    var tabs = $(this);
    tabs.find('> ul a').removeAttr('href');
    tabs.find('> ul > li').click(function() {
        var li = $(this);
        var index = li.index();
        li.addClass('active').siblings('li').removeClass('active');
        tabs.children('div').eq(index).show().siblings('div').hide();
    });
    
    // activate first non-hidden tab without changing the hash
    var li = tabs.find('> ul > li:not(".hidden")').first();
    var index = li.index();
    li.addClass('active').siblings('li').removeClass('active');
    tabs.children('div').eq(index).show().siblings('div').hide();
});

(function(window, $) {
    var tabbers = window.location.hash;
  
    tabbers = tabbers.replace(/tabtag/, '@');
    tabbers = tabbers.split('/') || [];

    while(tabbers.length) {
        var route = tabbers.shift() || '';
        route = route.split('@');
        var child = route[1] || '';
        var parent = route[0] || '';
        $(parent + 'tabtag' + child).click();
    }
})(window, $);