Hacer <li> visibles dentro de un <ul> con .children

[gilberdesigns]

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!

[esjuanma]

Por lo que veo estás usando JQuery, así que ya adelantamos bastante!
Con el framework alcanza con solo este bloque de código:

Código:

$('.menu').mouseover(function()
{
	$(this).find('li').css("visibility", "visible")
})