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 :)