tengo un simple menu hecho con <ul> y <li> y en uno de los <li> quiero mostrar un submenu emergente. bastante simple parece pero.. a la hora de mostrarlo ocultarlo el submenu no se ubica debajo del que se corresponde y me gustaria cerrarlo al sacar el mouse pero no se donde debo colocar el comportamiento, alguna idea?
estilos...
Código HTML:
<style type="text/css"> <!-- li { display: inline; background-color:#EEEEEE; cursor:pointer; padding:6px; } div { border: 1px solid; position:absolute; display:none } --> </style>
Código HTML:
<ul> <li>opcion 1</li> <li>opcion 2</li> <li onClick="Javascript:document.getElementById('submenu').style.display='block'">opcion 3 <div id="submenu">este es el submenu para opcion 3</div> </li> <li>opcion 4</li> </ul>