MediaWiki:Y tabbar.js

    // 页面加载时触发一级第一个按钮点击事件
        window.onload = function() {
            document.getElementById('chinese-tab').click();
        };
        // 修改switchFirstLevel函数，添加选中效果
        function switchFirstLevel(language) {
            const chineseTab = document.getElementById('chinese-tab');
            const japaneseTab = document.getElementById('japanese-tab');
            const chineseContainer = document.getElementById('chinese');
            const japaneseContainer = document.getElementById('japanese');
            if (language === 'chinese') {
                chineseContainer.style.display = 'block';
                japaneseContainer.style.display = 'none';
                document.getElementById('chinese-active-tab').click();
                chineseTab.classList.add('selected');
                japaneseTab.classList.remove('selected');
            } else {
                chineseContainer.style.display = 'none';
                japaneseContainer.style.display = 'block';
                document.getElementById('japanese-active-tab').click();
                chineseTab.classList.remove('selected');
                japaneseTab.classList.add('selected');
            }
        }
        // 修改switchSecondLevel函数，添加选中效果
        function switchSecondLevel(contentId) {
            const contents = document.querySelectorAll('.content');
            contents.forEach(content => {
                if (content.id === contentId) {
                    content.style.display = 'block';
                } else {
                    content.style.display = 'none';
                }
            });
            const tabs = document.querySelectorAll('.second-level-tabs div');
            tabs.forEach(tab => {
                if (tab.id === contentId + '-tab') {
                    tab.classList.add('selected');
                } else {
                    tab.classList.remove('selected');
                }
            });
        }
        // 绑定一级标签切换事件
        document.getElementById('chinese-tab').addEventListener('click', function() {
            switchFirstLevel('chinese');
        });
        document.getElementById('japanese-tab').addEventListener('click', function() {
            switchFirstLevel('japanese');
        });
        // 绑定二级标签切换事件
        document.getElementById('chinese-active-tab').addEventListener('click', function() {
            switchSecondLevel('chinese-active');
        });
        document.getElementById('chinese-passive-tab').addEventListener('click', function() {
            switchSecondLevel('chinese-passive');
        });
        document.getElementById('chinese-special-tab').addEventListener('click', function() {
            switchSecondLevel('chinese-special');
        });
        document.getElementById('chinese-ultimate-tab').addEventListener('click', function() {
            switchSecondLevel('chinese-ultimate');
        });
        // 绑定日文二级标签切换事件
        document.getElementById('japanese-active-tab').addEventListener('click', function() {
            switchSecondLevel('japanese-active');
        });
        document.getElementById('japanese-passive-tab').addEventListener('click', function() {
            switchSecondLevel('japanese-passive');
        });
        document.getElementById('japanese-special-tab').addEventListener('click', function() {
            switchSecondLevel('japanese-special');
        });
        document.getElementById('japanese-ultimate-tab').addEventListener('click', function() {
            switchSecondLevel('japanese-ultimate');
        });