MediaWiki:Common.js

document.addEventListener("DOMContentLoaded", function () {
    var toc = document.querySelector("#mw-content-text #toc");
    if (!toc) return;

    var floatingToc = document.createElement("div");
    floatingToc.id = "floating-toc";
    toc.parentNode.removeChild(toc);
    floatingToc.appendChild(toc);
    document.body.appendChild(floatingToc);


    var hideButton = floatingToc.querySelector(".toctogglelabel");

    if (hideButton) {
        hideButton.addEventListener("click", function (event) {
            event.preventDefault();
            floatingToc.classList.toggle("collapsed");
            event.stopPropagation();
        });
    }


    toc.addEventListener("click", function (event) {
        event.stopPropagation();
    });


    floatingToc.addEventListener("click", function (event) {
        if (floatingToc.classList.contains("collapsed") && event.target.id === "floating-toc-show-button") {
            floatingToc.classList.remove("collapsed");
        }
    });


    var showButton = document.createElement("div");
    showButton.id = "floating-toc-show-button";
    showButton.innerText = "Contents ▼";
    floatingToc.appendChild(showButton);
});