Foros del Web » Programando para Internet » Javascript »

Menu multinivel

Estas en el tema de Menu multinivel en el foro de Javascript en Foros del Web. Hola a tod@s, Tengo este código html. Es un menú hecho con listas. Código: <ul id="menu3" class="menu noaccordion"> <li class="sin_borde"> <a href="#" class="activado_princi">Documentación Accesorios</a> <ul> ...
  #1 (permalink)  
Antiguo 09/03/2010, 02:52
Avatar de Phoenix23  
Fecha de Ingreso: agosto-2007
Ubicación: 43.286211, -2.171349
Mensajes: 253
Antigüedad: 16 años, 8 meses
Puntos: 1
Menu multinivel

Hola a tod@s,


Tengo este código html. Es un menú hecho con listas.
Código:
<ul id="menu3" class="menu noaccordion">

    <li class="sin_borde">
         <a href="#" class="activado_princi">Documentación Accesorios</a>
                   
            <ul>
                   
                <li class="sin_borde"><a href="#">Estructura</a>
                    <ul class="menu noaccordion">
                       <li><a href="nivel2">Estructura 1.1</a></li>
                       <li><a href="nivel2">Estructura 1.2</a></li>
                       <li><a href="nivel2">Estructura 1.3</a></li>
                    </ul>
               </li>
                      
               <li class="sin_borde"><a href="#">Estructura 2</a>  
                   <ul>
                       <li><a href="nivel2">Estructura 2.1</a></li>
                       <li><a href="nivel2">Estructura 2.2</a></li>
                       <li><a href="nivel2">Estructura 2.3</a></li>
                   </ul>
               </li>

            </ul>                      
       </li>
</ul>

y luego tengo este código javascript:

Código:
function initMenus() {
	$('ul.menu ul').show();
	$('ul.menu ul ul').hide();
	$.each($('ul.menu'), function(){
		$('#' + this.id + '.expandfirst ul:first').show();
	});
	
	$('ul.menu li a').click(
		function() {
			var checkElement = $(this).next();
			var parent = this.parentNode.parentNode.id;

			if($('#' + parent).hasClass('noaccordion')) {
				$(this).next().slideToggle('normal');
				return false;
			}
			if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
				if($('#' + parent).hasClass('collapsible')) {
					$('#' + parent + ' ul:visible').slideUp('normal');
				}
				return false;
			}
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				$('#' + parent + ' ul:visible').slideUp('normal');
				checkElement.slideDown('normal');
				return false;
			}
		}
	);
	
}
$(document).ready(function() {initMenus();});
Con este códigio lo que me hace es, expandir y recoger el menu. pero solo me hace en el de Documentación Accesorios y lo que quiero conseguir es que me haga lo mismo en Estructura y Estructura 2.

Gracias a todos de antemano y saludos
__________________
"La vida se mide por las veces que te levantas, no por las veces que te caes"

visita zarautz!!!

Etiquetas: multinivel
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:01.