Hola a todos.
El siguiente problema que se me ha presentado es...
he creado un menu. y al seleccionar uno me trae un formulario..ahi todo chevre.
Cuando paso el mouse(mouseover) sobre el menu me trae el formulario.
Y cuando quito el mouse(mouseleave) del menu se oculta el formulario despues de 2 segundos.
La duda es, despues de quitar el mouse del menu y pasar el mouse al formulario(antes de que pasen los 2 segundos).. detener el evento.. mouseleave del menu..
Js.
$(function(){
verFormulario();
});
function verFormulario(){
$("#divContenido").load("login.php"); //traer formulario
//
$("#mhLogin").mouseover(function(){
$("#divContenido").show();
});
$("#mhLogin").mouseleave(function(){
setTimeout('$("#divContenido").hide()', 2000);
});
$("#divContenido").mouseover(function(){
$("#mhLogin").live("mouseleave",function(e){
e.preventDefault();
});
$("#divContenido").show();
});
Pagina.
<div id="menuh">
<ul>
<li><a href="#menuh" id="primero">Inicio</a></li>
<li><a href="#menuh">Comentarios</a></li>
<li><a href="#menuh">Noticias</a></li>
<li><a href="#menuh">Contacto</a></li>
<li><a href="#menuh" id="mhLogin">Acerca de nosotros</a></li>
</ul>
</div>
<div id="divContenido" style="margin-bottom: 0;background-color: black;display: none;width:200px;"></div>
Este ejemplo lo quise hacer parecido al menu de forodelweb.com de la opcion Inicar Sesión...
Alguna ayuda