Problema con Mouseenter/Mouseleave e sbiadimento

Question

Sto usando Mouseenter/Mouseleave su un div per sbiadire dentro e fuori.

Il problema è quando si libra rapidamente il Div si traduce in una sorta di coda in cui il Div continua a sbiadire più volte.

Sembra che ho bisogno di fermare l'effetto come "su Mousenter e poi smettere di uscire".

Qualche idea?

Answer 1

Puoi usare .Stop (), che è documentato qui: 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();
});