Buenas tardes!
Tengo el siguiente código:
$( ".i1" ).mouseenter(function(i) {
e.stopPropagation();
$(".ti1").css({'opacity': "0"});
$(".cuadro-animacion-1").animate({height:"100%"},{duration: 600 });
});
$(".i1").mouseleave(function(e){
i.stopPropagation();
$(".cuadro-animacion-1").animate({height:"0%"},{duration: 300 });
$(".ti1").css({'opacity': "0.8"});
});
Me parece que es lo tipico que os habra pasado a muchos, pongo el mouse encima y lo quito y perfecto, pero que pasa si lo hago rapido varias veces? que se vuelve loco y sigue haciendolo, asi que mi intencion es que en el momento que saco el mouse de $(".i"), pare ejecucion, y no hay manera..
Alguien puede decirme que está puesto mal? como uso bien el metodo?
Gracias de antemano!! Un saludo!