Jak anulować fadeOut() jQuery, gdy już się zacznie?

Question

Mam podstawowy element div do reprezentowania komunikat, że pokażę się na kilka sekund, a następnie znikają go używając

$('#message').fadeOut(5000); 

Chcę być w stanie anulować zanikają, gdy użytkownik najedzie ich myszy nad div.

Jak mogę anulować zaniknięcie , gdy metoda fadeOut zaczęła znikać z div?

Mój istniejący kod, poniżej, działa, gdy mysz wchodzi div podczas gdy jest on wyświetlany, ale muszę pozwolić, jeśli użytkownik unosi się nad div, gdy zaczął się zanikać.

$('#message').mouseenter(function() { 
    clearTimeout(this.timeout); 
}); 
$('#message').mouseleave(function() { 
    this.timeout = setTimeout("$('#message').fadeOut(5000)", 3000); 
}); 
$('#message').fadeIn(2000, function() { 
    this.timeout = setTimeout("$('#message').fadeOut(3000)", 3000); 
}); 

Answer 1

Zapoznaj się z funkcja stop

http://docs.jquery.com/Effects/stop#clearQueuegotoEnd

Answer 2

Ponadto, można sprawdzić, czy element jest w środku animacji za pomocą przełącznika :animated:

$('#message').mouseover(
    function() { 
     if($(this).is(':animated')) { 
     $(this).stop().animate({opacity:'100'}); 
     } 
    } 
);