jquery clear animation queue

Question

J'ai le code ci-dessous, qui fonctionne bien, il peut être consulté par exemple. Une fois que l'utilisateur a survolé un menu, vous ne pouvez plus le survoler, sauf si la page est actualisée. J'ai l'impression que c'est quelque chose à faire avec ma file d'attente et j'ai essayé .stop() mais ne semble pas fonctionner.

<script type="text/javascript"> 
    $(document).ready(function() 
    { 


     $('li').hover(function() 
     { 

        $(this).children("p.subtext").stop().slideDown();    




      }, 

       function() 
       { 

       $(this).children("p.subtext").stop().animate({height:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 

     }); 





    }); 
    </script> 

Vive

Answer 1

Dans ce cas, utilisez .stop(true, true)

Ce premier paramètre arrêt indique pour effacer la file d'attente, see here for more info on .stop()

Modifier, pour votre problème de file d'attente:

$('li').hover(function() { 
    $(this).children("p.subtext").slideDown();    
}, function() { 
    $(this).children("p.subtext") 
     .animate({height:'toggle'},{duration:600, easing: 'easeOutBounce'}); 
});