查看“Widget:TopicNavBar”的源代码

<noinclude>
本插件用来引入控制样式的选项按钮<br />
作者：[[User:Maverick|maverick]]<br />
修订：[[User:Boxsnake|boxsnake]]<br />
</noinclude><includeonly><!--{if !isset($wgTopicNav) || !$wgTopicNav}--><!--{assign var="wgTopicNav" value=true scope="global"}--><script type="text/javascript">
"use strict";
window.RLQ = window.RLQ || [];
window.RLQ.push(() => $(() => (async () => {
    if (document.body.clientWidth < 550) {
        $(".menu-item").on("click", function() {
            $(this).children(".menu-content").toggle();
        });
        return;
    }
    await mw.loader.using(["ext.gadget.LocalObjectStorage"]);
    const localObjectStorage = new LocalObjectStorage("AnnTools-TopicNavBar");
    const showall = ($container) => {
        $container.find(".menu-content").show();
        $container.find(".menu-content .menu-popout").css("position", "relative");
        $container.find(".menu-content ul ul").css("height", "auto");
        $container.find(".menu-item .menu-title").css("background-color", "#9dd5ff");
        const status = localObjectStorage.getItem("status", {});
        status[$container.attr("id").trim()] = "show";
        localObjectStorage.setItem("status", status);
        $container.find(".ztdh-hsctrl").html("[ 隐藏全部 ]");
    };
    const hideall = ($container) => {
        $container.find(".menu-content, .menu-content .menu-popout, .menu-content ul ul, .menu-item .menu-title").removeAttr("style");
        const status = localObjectStorage.getItem("status", {});
        status[$container.attr("id").trim()] = "hide";
        localObjectStorage.setItem("status", status);
        $container.find(".ztdh-hsctrl").html("[ 显示全部 ]");
    };
    $(".ztdh-hsctrl").on("click", ({ target }) => {
        const $target = $(target);
        const $container = $target.closest(".ztdh");
        if ($target.text().includes("显示全部")) {
            showall($container);
        } else {
            hideall($container);
        }
    });
    const status = localObjectStorage.getItem("status", {});
    for (const ele of $(".ztdh")) {
        const $container = $(ele);
        const id = ele.id.trim();
        if (status[id] === "show") {
            showall($container);
        } else {
            status[id] = "hide";
        }
    }
    localObjectStorage.setItem("status", status);
})()));
</script><!--{/if}--></includeonly>