Hola, os explico, tengo una lista asi:
Código:
<li class="menu" id="menu1">Hola Mundo
<ul class="subnav">
<li class="submenu" id="submenu1">Hola!</li>
<li class="submenu" id="submenu1">Hola!</li>
<li class="submenu" id="submenu1">Hola!</li>
</ul>
</li>
<li class="menu" id="menu2">Hola Mundo
<ul class="subnav">
<li class="submenu" id="submenu2">Adios!</li>
<li class="submenu" id="submenu2">Adios!</li>
<li class="submenu" id="submenu2">Adios!</li>
</ul>
</li>
<li class="menu" id="menu3">Hola Mundo
<ul class="subnav">
<li class="submenu" id="submenu3">Hola!</li>
<li class="submenu" id="submenu3">Hola!</li>
<li class="submenu" id="submenu4">Hola!</li>
</ul>
</li>
<li class="menu" id="menu4">Hola Mundo
<ul class="subnav">
<li class="submenu" id="submenu4">Adios!</li>
<li class="submenu" id="submenu4">Adios!</li>
<li class="submenu" id="submenu4">Adios!</li>
</ul>
</li>
Yo lo que quiero es que al pulsar sobre <li class="menu" id="menu4"> si ponga "visible" <ul> de dentro que ya tiene el submenu.
Ahora, para evitar hacer 1 funcion por cada menu, lo queria hacer en un bucle, tipo asi:
Código:
for (var i = 0; i < 5; ++i)
{
$("#menu" + i) .mouseover(function(e){ $('.subnav').children(".submenu").css("visibility", "visible"); })
}
Mi problema es que me los abre todos! no consigue saber de cual de los <li class="menu" id="menu4"> cuelga, si del id="menu1", "menu"....
Como puedo pasar esa info? como puedo decirle que muestre solo el hchildren?
Gracias!