Problem with mouseenter/mouseleave and fading
Pregunta
I'm using mouseenter/mouseleave on a div for fading it in and out.
The problem is when quickly hovering the div it results to some kind of queue where the div keeps fading several times.
Seems like I need to stop the effect like "on mousenter then stop fading out".
Any ideas?
Solución
You can use .stop(), which is documented here: http://api.jquery.com/stop/
$('#hoverme-stop-2').hover(function() {
$(this).find('img').stop(true, true).fadeOut();
}, function() {
$(this).find('img').stop(true, true).fadeIn();
});
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow