MediaWiki:Gadget-Tabs.js: Difference between revisions

MediaWiki interface page
mNo edit summary
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, $);