MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

// COLLAPSIBLE HEADER
$(document).ready(function () {
    $(".collapsible-header").each(function () {
        var header = $(this);
        var content = header.next(".collapsible-content");

        // Skip if there is no associated collapsible-content block
        if (content.length === 0) return;

        // Check if the section should start open
        var startsOpen = header.hasClass("open");

        // Hide content only if it should start closed
        if (!startsOpen) {
            content.hide();
        }

        // Arrow indicator ▼ (closed) or ▲ (open)
        var indicator = startsOpen ? "▲" : "▼";
        header.append(' <span class="collapse-toggle">' + indicator + '</span>');

        // Make header clickable
        header.css("cursor", "pointer");

        // Collapse / Expand behavior
        header.on("click", function () {
            content.slideToggle(200);

            // Toggle arrow
            var toggle = header.find(".collapse-toggle");
            var isOpen = toggle.text() === "▲";
            toggle.text(isOpen ? "▼" : "▲");

            // Toggle class for CSS rotation (optional)
            header.toggleClass("open");
        });
    });
});