[jQuery-es] Como seleccionar <ul> dentro de una lista y desplegar sus elementos hijos
Rafa Garcia
rafa.garcia en fullsix.com
Mie Ene 3 10:19:49 PST 2007
Antes que nada, Feliz año a todos los querylisteros. Después de los
buenos deseos, el pastel: tengo una lista-menú con varias listas
anidadas tal como esta:
<ul>
<li><a href="#item1">item 1</a>
<ul>
<li><a href="#item1.1">item 1.1</a></li>
<li><a href="#item1.2">item 1.2</a></li>
<li><a href="#item1.3">item 1.3</a></li>
<li><a href="#item1.4">item 1.4</a></li>
</ul>
</li>
<li><a href="#item2">item 2</a></li>
<li><a href="#item3">item 3</a></li>
<li><a href="#item4">item 4</a>
<ul>
<li><a href="#item4.1">item 4.1</a></li>
<li><a href="#item4.2">item 4.2</a></li>
<li><a href="#item4.3">item 4.3</a>
<ul>
<li><a href="#item4.3.1">item 4.3.1</a></li>
<li><a href="#item4.3.2">item 4.3.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
...y lo que pretendo es seleccionar con jquery los lis que tienen uls
como hijos (el li que contiene #item1, el #4 y el #4.3), y desplegar
haciendo click sólo los uls que "cuelgan" de ese li padre.
Con este código oculto al inicio todos los uls que no sean el primero
(quiero que se vea la lista)...
$(document).ready(function(){
$("ul:not(:first)").hide();
Pero, como seguir....
Un abrazo y gracias mil por adelantado.
Más información sobre la lista de distribución jquery-es