|
|
| (15 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| /* Any JavaScript here will be loaded for all users on every page load. */
| |
|
| |
|
| // COLLAPSIBLE HEADER - Estilo Wikipedia (flecha correcta)
| |
| $(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
| |
| content.slideToggle(200);
| |
|
| |
| // Alternar clase
| |
| header.toggleClass("open");
| |
|
| |
| // Cambiar flecha según estado
| |
| var icon = header.hasClass("open") ? "▲" : "▼";
| |
| header.find(".collapse-toggle").text(icon);
| |
| });
| |
| });
| |
| });
| |
