MediaWiki:Y tabbar.js

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
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');
});