|
|
| (No se muestran 4 ediciones intermedias del mismo usuario) |
| Línea 1: |
Línea 1: |
| $(document).ready(function() { | | $(document).ready(function() { |
| // Seleccionar la sección "Contenidos" en la skin Timeless | | $('#p-navigation, #mw-sidebar-action-toggle').remove(); |
| 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ú
| |
| });
| |
| });
| |
| }); | | }); |
