MediaWiki:Common.js

document.addEventListener("DOMContentLoaded", function () {
    var toc = document.getElementById("toc");
    if (!toc) return; // Exit if no ToC exists

    // Create Floating ToC Box
    var floatingToc = document.createElement("div");
    floatingToc.id = "floating-toc";

    // Move the existing ToC into the new floating box
    floatingToc.appendChild(toc);
    document.body.appendChild(floatingToc);

    // Add Click Event to Collapse/Expand
    floatingToc.addEventListener("click", function () {
        floatingToc.classList.toggle("collapsed");
    });
});