Jquery, impedisce le animazioni di accodamento

Question

Ho un div che dissolve In/Out un altro elemento nella pagina al passaggio del mouse (e passa il mouse). Il problema è che non c'è nulla che impedisca all'utente di passare sopra e fuori molto rapidamente e causare l'animazione in coda.

Ecco il mio codice:

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

Ed ecco un link per jsfidde: http://jsfiddle.net/btEXH/

Answer 1

si desidera utilizzare th e stop e passa true per clearQueue e jumpToEnd.

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

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