MediaWiki:Y tabbar.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
Opera：按 Ctrl-F5。

function switchFirstLevel(language) {
	console.log(1)
    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) {
	console.log(2)
    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');
});