Jquery, evitar las animaciones de cola

Question

Tengo un div que se desvanece dentro/fuera de otro elemento en la página al pasar el mouse (y desplazarse hacia afuera). El problema es que no hay nada que impida que el usuario pase y salga muy rápido y haciendo que la animación haga cola.

Aquí está mi código:

<div class="hovertest">test</div> 

<div class="test">test2</div> 

Jquery:

$("div.hovertest").hover(
     function() { 
     $(".test").fadeOut(); 
     }, 
     function() { 
     $(".test").fadeIn(); 
}); 

CSS:

div { 
    width:200px; 
    height:100px; 
    background-color:#B22; 
} 

Y aquí hay un enlace a jsfidde: http://jsfiddle.net/btEXH/

Answer 1

que desea utilizar º e stop función y pasa true para clearQueue y jumpToEnd.

$("div.hovertest").hover(
    function() { 
    $(".test").stop(true, true).fadeOut(); 
    }, 
    function() { 
    $(".test").stop(true, true).fadeIn(); 
}); 

http://jsfiddle.net/infernalbadger/btEXH/1/