Hola tengo el seguiente plugin que e creado
Código Javascript
:
Ver originaljQuery.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;
};
Y se lo aplico a este menu
Código HTML:
Ver original}
<li class="lis">Mensajeria
<?php echo $this->enlaces->lis('enviar/mensaje','Enviar'); ?>
<?php echo $this->enlaces->lis('mensajes/inbox','Bandeja'); ?>
<li class="lis">Avisos(Empleos)
<?php echo $this->enlaces->lis('enviar/mensaje','Publicar Aviso'); ?>
<?php echo $this->enlaces->lis('mensajes/inbox','Ver Avisos'); ?>
y lo aplico haci
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