Запретить очередь анимации jQuery

Question

Я нашел несколько ответов на один и тот же вопрос в РАЗНОМ контексте. Я хочу добавить '.stop' к следующему коду, чтобы предотвратить наращивание очереди анимации:

 //Top Mailing List Drop down animation
 $(document).ready(function() {

$('#top_mailing_hidden').hide();

 jQuery('#top_mailing')
   .bind("mouseenter",function(){
  $("#top_mailing_hidden").slideDown('slow');
 }).bind("mouseleave",function(){
  $("#top_mailing_hidden").slideUp('slow');
 });

});

Answer 1

Просто нужно добавить его перед началом следующей анимации

$(document).ready(function() {

var top_mailing_hidden = $('#top_mailing_hidden').hide();
$('#top_mailing').bind("mouseenter",function(){
    top_mailing_hidden.stop().slideDown('slow');
}).bind("mouseleave",function(){
    top_mailing_hidden.stop().slideUp('slow');
});

});

Возможно, вы заглянете в плагин hoverintent jQuery , который поможет сделать такие вещи не такими уж и резкими.