Diferencia entre revisiones de «MediaWiki:Common.js»

Revisión del 02:32 6 mar 2025

$(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ú
        });
    });
});


$(document).ready(function() {
    $('.vector-menu-content li:has(ul)').each(function() {
        var $this = $(this);
        $this.addClass('collapsible'); // Agrega clase a los elementos que tienen submenús
        $this.children('ul').hide(); // Oculta los submenús por defecto

        // Evento de clic para expandir/cerrar
        $this.click(function(event) {
            $(this).toggleClass('expanded');
            $(this).children('ul').slideToggle();
            event.stopPropagation();
        });
    });
});