Duda de codigo Jquery :)

[chuii_siordia]

Hola amigos tengo una duda acerca de un codigo en jquery que vi en una pagina, estiy bastanta entrado en esta libreria pero hay cosas que aun no comprendo y no me gusta solo usar codigo sin entenderlo bien:

un ejemplo:

este seria el codigo en html:

<ul id='nav'>
<li><a href='#'>Cliente</a>
<ul>
<li><a href="#">Datos Personales</a></li>
<li ><a href="#">Datos Laborales</a></li>
<li ><a href="#">Referencias Personales</a></li>
<li ><a href="#">TDC/TDD</a></li>
<li><a href="#">Directorio</a></li>
<li><a href="#">Editar</a></li>
</ul>
</li>
<li><a href='#'>Credito</a>
<ul >
<li ><a href="#">Balance</a></li>
<li ><a href="#">Balance Integrado</a></li>
<li ><a href="#">Programa de Pagos</a></li>
<li ><a href="#">Historial de Buro</a></li>
</ul>
</li>
<li><a href='#'>Pedido</a>
<ul>
<li ><a href="">Pedido</a></li>
<li ><a href="#">Envio</a></li>
<li ><a href="#">Entrega</a></li>
</ul>
</li>
</ul>

y este seria el codigo en JS:

function mainmenu(){
$(" #nav ul ").css({display: "none"});

$(" #nav li").hover(function(){
$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
$(this).find('ul:first').slideUp(400);
});
}

$(document).ready(function(){
mainmenu();
});

mi pregunta final seria, ¿que es lo que hace la linea ".find('ul:first:hidden')"?

espero y me puedan resolver la duda muchas gracias de antemano :)

[quike88]

Hola! Bienvenido al foro,

Lo que hace esa linea es seleccionar el primer elemento <ul> que se encuentre oculto. Te sugiero que revises los diferentes selectores que tiene JQuery.

Un saludo.