查看“︁Widget:Toggle”︁的源代码

<noinclude>for {{tl|Toggle}} {{tl|Toggle 内联按钮}} {{tl|ToggleInline}}</noinclude><includeonly><!--{if !isset($wgToggle) || !$wgToggle}--><!--{assign var="wgToggle" value=true scope="global"}--><script>
window.RLQ = window.RLQ || [];
window.RLQ.push([["jquery", "mediawiki.base", "ext.gadget.libPolyfill"], async () => {
    $(window).on('load', function() {
        $('.mw-customtoggle > span > a > img').on('click', function(){
            $(this).closest('span').click();
            return false;
        });
    });
    await $.ready;
    $(".toggle-template-container").each(function() {
        const $ele = $(this);
        const isParent = $ele.data("customParent") === true; // for Template:Toggle 内联按钮
        const isLeft = $ele.data("customLeft") === true; // for Template:ToggleInline
        const id = $ele.data("customId") || crypto.randomUUID();
        
        $ele.addClass(`mw-customtoggle-${id}`);
        
        let $startNode = isParent ? $ele.parent() : $ele;
        let $target = isLeft ? $startNode.prev() : $startNode.next();
        
        while ($target.length) {
            if ($target.hasClass("mw-collapsible") && $target.hasClass("toggle-template-button")) {
                $target.attr("id", `mw-customcollapsible-${id}`);
                break;
            }
            $target = isLeft ? $target.prev() : $target.next();
        }
    });
}]);
</script><style>
html.client-js .mw-customcollapsible-body {
    display: none;
}
</style><!--{/if}--></includeonly>