Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/07/2011, 12:10
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Lista desplegable...

Esto funciona:

Código HTML:
Ver original
  1.   $(function(){
  2.     //seleccionar li's que contienen ul's y aplicarles el span
  3.     var items_con_menu = $('#menu > li:has(ul)');
  4.     items_con_menu
  5.       .children('a').append('<span class=\"masmenos\">+</span>')
  6.       .click(function(e){
  7.         e.preventDefault();//evitar click
  8.         var elem = $(this).next('ul');//obtener submenu a desplegar
  9.         $('#menu ul:visible').not(elem).slideUp().parent().find('.masmenos').html('+');//plegar otros submenus visibles y cambiar - a +
  10.         elem.slideDown().parent().find('.masmenos').html('-');//desplegar menu actual y cambiar + por -
  11.       });
  12.   });  
  13.  
  14.   <style>
  15.     #menu ul{
  16.       display:none;
  17.     }
  18.   </style>

Aunque tal vez sea necesario una optimización del código. Me parece que da muchas vueltas, lo hice rápido.
__________________
nahueljose.com.ar