MediaWiki:Common.js

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

$(document).ready(function() {
    // Seleccionar la sección "Contenidos" en la skin Timeless
    var $sidebarPortlet = $('.timeless-sidebar-content h3:contains("Contenidos")');

    if ($sidebarPortlet.length) {
        // Agregar el botón "Ocultar" si no existe
        if ($sidebarPortlet.find('.toggle-sidebar').length === 0) {
            $sidebarPortlet.append(' <span class="toggle-sidebar">Ocultar</span>');
        }

        // Evento para ocultar/mostrar la lista de navegación dentro del portlet
        $('.toggle-sidebar').click(function() {
            var $sidebarContent = $(this).parent().next('ul'); // Seleccionamos la lista dentro de la sidebar
            $sidebarContent.toggle();
            $(this).text($sidebarContent.is(':visible') ? 'Ocultar' : 'Mostrar');
        });
    }

  // Detectar elementos con submenús en Timeless
    $('.timeless-sidebar-content li:has(ul)').each(function() {
        var $this = $(this);
        $this.addClass('collapsible'); // Agrega clase para identificarlo
        $this.children('ul').hide(); // Oculta los submenús por defecto

        // Evento para expandir/colapsar al hacer clic
        $this.click(function(event) {
            $(this).toggleClass('expanded'); // Agrega o quita la clase expandida
            $(this).children('ul').slideToggle(); // Muestra u oculta el submenú
            event.stopPropagation(); // Evita que el clic cierre todo el menú
        });
    });
});