MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

$(document).ready(function() {
    'use strict';
    
    // Main tab click handler
    $('.tab-navigation .tab-button').click(function(e) {
        e.preventDefault();
        
        var targetId = $(this).data('target');
        
        if ($(this).closest('.tab-navigation').length) {
            // Main tab clicked
            $('.tab-navigation .tab-button').removeClass('active');
            $('.tab-content .tab-pane').removeClass('active');
            
            $(this).addClass('active');
            $('#' + targetId).addClass('active');
        }
    });
    
    // Sub-tab click handler - separate from main tab handler
    $('.sub-tab-navigation .tab-button').click(function(e) {
        e.preventDefault();
        e.stopPropagation(); // Prevent event from bubbling up
        
        var targetId = $(this).data('target');
        var $subNav = $(this).closest('.sub-tab-navigation');
        
        // Only affect buttons and panes within this sub-tab-navigation
        $subNav.find('.tab-button').removeClass('active');
        $subNav.find('.tab-pane').removeClass('active');
        
        $(this).addClass('active');
        $('#' + targetId).addClass('active');
    });
    
    // Set initial states for main tabs
    $('.tab-navigation').each(function() {
        var $nav = $(this);
        var $activeTab = $nav.find('.tab-button.active');
        
        if (!$activeTab.length) {
            $activeTab = $nav.find('.tab-button').first();
            $activeTab.addClass('active');
            $('#' + $activeTab.data('target')).addClass('active');
        }
    });
    
    // Set initial states for sub-tabs
    $('.sub-tab-navigation').each(function() {
        var $subNav = $(this);
        var $activeSubTab = $subNav.find('.tab-button.active');
        
        if (!$activeSubTab.length) {
            $activeSubTab = $subNav.find('.tab-button').first();
            $activeSubTab.addClass('active');
            $('#' + $activeSubTab.data('target')).addClass('active');
        }
    });
});