[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