¿Cómo cancelas un jQuery fadeOut() una vez que ha comenzado?

Question

que tienen un elemento básico div para representar un mensaje que muestro durante unos segundos y luego se desvanecen a cabo utilizando

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

Quiero ser capaz de cancelar el fundido de salida si el usuario pasa el ratón sobre el div.

¿Cómo puedo cancelar el fundido de salida una vez que el método fadeOut ha comenzado a difuminar el div?

Mi código actual, a continuación, funciona si el mouse entra en el div mientras se muestra, pero necesito permitir que el usuario pase el cursor sobre el div una vez que ha comenzado a desvanecerse.

$('#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

Mira la función de parada

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

Answer 2

También, usted puede probar si un elemento se encuentra en medio de una animación usando el selector :animated:

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