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-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-pane').removeClass('active');
            
            $(this).addClass('active');
            $('#' + targetId).addClass('active');
            
            // Reset sub-tabs
            var $subNav = $('#' + targetId).find('.sub-tab-navigation');
            if ($subNav.length) {
                var $firstSubTab = $subNav.find('.tab-button').first();
                $subNav.find('.tab-button').removeClass('active');
                $subNav.find('.tab-pane').removeClass('active');
                
                $firstSubTab.addClass('active');
                $('#' + $firstSubTab.data('target')).addClass('active');
            }
        } else {
            // Sub tab clicked
            var $subNav = $(this).closest('.sub-tab-navigation');
            $subNav.find('.tab-button').removeClass('active');
            $subNav.find('.tab-pane').removeClass('active');
            
            $(this).addClass('active');
            $('#' + targetId).addClass('active');
        }
    });
    
    // Set initial states
    $('.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');
        }
        
        // Initialize sub-tabs
        var $mainContent = $('#' + $activeTab.data('target'));
        var $subNav = $mainContent.find('.sub-tab-navigation');
        
        if ($subNav.length) {
            var $activeSubTab = $subNav.find('.tab-button.active');
            if (!$activeSubTab.length) {
                $activeSubTab = $subNav.find('.tab-button').first();
                $activeSubTab.addClass('active');
                $('#' + $activeSubTab.data('target')).addClass('active');
            }
        }
    });
});