Hola:
Estoy haciendo un menú desplegable. Al cliquear en algún botón del menú me despliega un submenú, lo que intento hacer es que este submenú se cierre si el mouse sale de el (es decir, si el puntero no esta arriba del submenú), para ello hice estos contenedores en donde están los submenús:
Código:
<div id="submnu_1" style="display:none;" class="submenu_contenedor" onmouseout="Hidesmnu('submnu_1');">
<div id="submnu_1_1" class="submenu" align="left" onmouseover="smnu_over('submnu_1_1');" onmouseout="smnu_out('submnu_1_1');">primera división</div>
<div id="submnu_1_2" class="submenu" align="left" onmouseover="smnu_over('submnu_1_2');" onmouseout="smnu_out('submnu_1_2');">filiales</div>
<div id="submnu_1_3" class="submenu" align="left" onmouseover="smnu_over('submnu_1_3');" onmouseout="smnu_out('submnu_1_3');">fútbol amateur</div>
<div id="submnu_1_4" class="submenu" align="left" onmouseover="smnu_over('submnu_1_4');" onmouseout="smnu_out('submnu_1_4');">fútbol femenino</div>
<div id="submnu_1_5" class="submenu" align="left" onmouseover="smnu_over('submnu_1_5');" onmouseout="smnu_out('submnu_1_5');">general</div>
</div>
El tema es que cuando paso paso el mouse de un ítem a otro (Dentro del submenú), igual se cierra...
la función que utilizo para cerrar es: Hidesmnu('submnu_1')
Código:
function Hidesmnu(div) {
document.getElementById(div).style.display = 'none';
}
Realmente no se como hacerlo...
También quisiera saber como hacer para que en lugar de solo cerrar el menú, hacerlo desaparecer con un movimiento hacia arriba (como si se "metiese" dentro del menú padre").
Saludos y gracias antemano.