[jQuery-es] Como seleccionar <ul> dentro de una lista y desplegar sus elementos hijos

Carlos Sesma carlos.sesma en gmail.com
Mie Ene 3 10:49:25 PST 2007


Hola, el creador de jQuery, John Resig,  publico un screencast donde hace
algo muy parecido a lo que estas necesitando, es posible que te sirva.

http://ejohn.org/blog/expandable-sidebar-menu-screencast/

Saludos
CS


On 1/3/07, Rafa Garcia <rafa.garcia en fullsix.com> wrote:
>
> 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.
> _______________________________________________
> jquery-es Lista de correo en español para usuarios de jQuery
>
> * Recuerda que debes utiliza "responder a todos" para enviar tu respuesta
> a la lista
> * Para abrir un tema de conversación, escribe a jquery-es en scriptia.net
> * Puedes gestionar tu suscripción en
> http://lists.scriptia.net/listinfo.cgi/jquery-es-scriptia.net
>
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20070103/777c7c95/attachment.htm 


Más información sobre la lista de distribución jquery-es