Código Javascript:
Y se lo aplico a este menuVer original
jQuery.fn.menu = function(tiempo) { this.each(function(){ var retardo; var posicion = $(this).offset(); $(this).mouseenter(function(){ clearTimeout(retardo) $(this).children('.uls').css({ "left" : posicion.left, "top" : (posicion.top + $(this).innerHeight())+"px", "width" : $(this).innerWidth() }); $(this).children('.uls').fadeIn(500); }); $(this).mouseleave(function(){ clearTimeout(retardo); retardo = setTimeout("$('.uls').fadeOut(500)",tiempo) }); }); return this; };
Código HTML:
y lo aplico haciVer original
} <nav id="menu"> <ul> <li class="lis">Mensajeria <ul class="uls"> <?php echo $this->enlaces->lis('enviar/mensaje','Enviar'); ?> <?php echo $this->enlaces->lis('mensajes/inbox','Bandeja'); ?> </ul> </li> <li class="lis">Avisos(Empleos) <ul class="uls"> <?php echo $this->enlaces->lis('enviar/mensaje','Publicar Aviso'); ?> <?php echo $this->enlaces->lis('mensajes/inbox','Ver Avisos'); ?> </ul> </li> </ul> </nav>
Código Javascript:
Ver original
$(document).on("ready", function(){ $('#menu .lis').menu(1000); });
pruebenlo por favor lo que quiero hacer es que cuando se pongo el mouse sobre otro li que no sea el que se encuentre abierto el ul dentro del li osea el menu desplegable se cierre automaticamente sin esperar, y si es que uno pusiera el mouse fuera del li del menu pero no en otro li se hiciera la espera antes del cierre