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 - Estilo Wikipedia
$(document).ready(function () {
    $(".collapsible-header").each(function () {

        var header = $(this);
        var content = header.next(".collapsible-content");

        if (content.length === 0) return;

        // Si comienza abierto según el template
        var startsOpen = header.hasClass("open");

        // Flecha correcta según estado inicial
        var arrow = startsOpen ? "▲" : "▼";

        // Insertar flecha al inicio
        header.prepend('<span class="collapse-toggle" aria-hidden="true">' + arrow + '</span>');

        // Mostrar/ocultar contenido según estado inicial
        if (!startsOpen) content.hide();

        // Click para expandir/colapsar
        header.on("click", function () {

            // Alternar visibilidad con animación suave
            content.slideToggle(150);

            // Alternar clase
            header.toggleClass("open");

            // Cambiar flecha según estado (sin rotación, solo cambio de símbolo)
            var icon = header.hasClass("open") ? "▲" : "▼";
            header.find(".collapse-toggle").text(icon);
        });
    });
});