MediaWiki:Y tabbar.js

function switchFirstLevel(language) {
    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();
    } else {
        chineseContainer.style.display = 'none';
        japaneseContainer.style.display = 'block';
        document.getElementById('japanese-active-tab').click();
    }
}

function switchSecondLevel(contentId) {
    const contents = document.querySelectorAll('.content');
    contents.forEach(content => {
        if (content.id === contentId) {
            content.style.display = 'block';
        } else {
            content.style.display = 'none';
        }
    });
}

// 绑定一级标签切换事件
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');
});