CODEWITHSUNDEEP
jqueryfading
Fuxi
Fuxi

Reputation: 7599

Problem with mouseenter/mouseleave and fading

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?

Upvotes: 1

Views: 1810

Answers (1)

Peter Evjan
Peter Evjan

Reputation: 2433

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();
});

Upvotes: 3

Related Questions