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:
El tema es que cuando paso paso el mouse de un ítem a otro (Dentro del submenú), igual se cierra...<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>
la función que utilizo para cerrar es: Hidesmnu('submnu_1')
Código:
Realmente no se como hacerlo...function Hidesmnu(div) {
document.getElementById(div).style.display = 'none';
}
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.
