查看“Widget:Heading”的源代码

<noinclude> </noinclude><includeonly><!--{if !isset($wgHeading) || !$wgHeading}--><!--{assign var="wgHeading" value=true scope="global"}--><div id="heading"></div><script>
window.RLQ = window.RLQ || [];
window.RLQ.push(function() {
    $(function() {
        var heading = $(".heading");
        if (!heading[0]) return $("#heading").remove();
        $("#heading").addClass("toc").append('<div class="toctitle"><h2>目录</h2><span class="toctoggle"> [<a href="javascript:void(0);">隐藏</a>] </span></div>').append($("<ol/>", {
            id: "toccontent"
        }));
        $(heading.map(function(index, element) {
            var title = $(element).html().split(/<[^>]*>|（|）/)[0].trim(),
                li = $("<li/>");
            $("<a/>", {
                href: "javascript:void(0);"
            }).append($("<span/>", {
                text: title
            })).on("click", function() {
                $("html, body").animate({
                    scrollTop: $(element).offset().top + 1
                }, 370);
            }).appendTo(li);
            return li[0];
        })).appendTo("#toccontent");
        $(".toctoggle a").on("click", function() {
            if ($("#toccontent").is(":hidden")) {
                $("#toccontent").slideDown(370);
                $(this).text("隐藏");
            } else {
                $("#toccontent").slideUp(370);
                $(this).text("显示");
            }
            return false;
        });
    });
});
</script><style>
#toccontent {
    margin-left: 1.3em;
}</style><!--{/if}--></includeonly>