Добрый вечер. Как сделать чтобы анимации выполнялись поочередно, а не прерываясь. Вот скрипт (выдвигающееся меню)
$(document).ready(function () {
$(document).on('mouseenter', ".top_menu li.dd:not(.active)", function(){
var b = $(this , 'ul');
$('ul', this).css('display','block');
b.animate({'margin-bottom':'48px'},{duration: 300, queue: true});
}).on('mouseleave', ".top_menu li.dd:not(.active)", function(){
var b = $(this , 'ul');
$('ul', this).css('display','none');
b.animate({'margin-bottom':'0px'},{duration: 300, queue: true});
});