[jQuery-es] Ayuda con selectores

[Rafa Garcia]

Rafa Garcia escribió:
> Buenas a todos. De nuevo problema con jquery y selectores: Tengo el 
> siguiente menu:
>
> <code>
> <ol id="mainmenu">
>                     <li id="item1"><a href="#" class="display">Líneas y 
> Servicios</a>
>                         <ul id="listaopciones_item1">
>                             <li><a href="#">-Consultar mis cuentas y 
> líneas</a></li>
>                             <li><a href="#">-Alta nueva línea</a></li>
>                             <li><a href="#">-Baja nueva línea</a></li>
>                             <li><a href="#">-Modificar servicios</a></li>
>                             <li><a href="#">-Modificar 
> restricciones</a></li>
>                         </ul>
>                     </li>.......
> </code>
>
> y quiero que al pasar el ratón por el enlace "Lineas y servicios" se 
> despliegue el ul#listaopciones_item1, que arranca con un display: none 
> en el css. Añado este código jquery para que muestre el menu al pasar 
> por el enlace (lo hace bien) y para que al salir del conjunto li#item1 
> ul#listaopciones_item1 se oculte, pero esto no me lo hace porque no 
> consigo asignar el evento al conjunto (li#item1 y descendientes). El 
> jquery es el siguiente:
>
> <code>
> $(document).ready(function(){
>     $('li#item1 a.display').mouseover(function(){
>         $(this).parent().find('#listaopciones_item1').show();
>     });
>     $('li#item1 > ul#listaopciones_item1').mouseout(function(){ /* Aqui 
> lo estropeo al no conseguir seleccionar el conjunto*/
>         $(this).hide();
>     }); ...
> </code>
>
> Que se os ocurre?
>   

No hay nada mejor que autiogestionarse los fallos.

$("li#item1").hover(function() { $('ul#listaopciones_item1').show(); }, 
function() { $('ul#listaopciones_item1').hide(); });

Cada día que pasa me gusta mas jquery.

> Gracias adelantadas