Jquery очередь
 

Добрый вечер. Как сделать чтобы анимации выполнялись поочередно, а не прерываясь. Вот скрипт (выдвигающееся меню)

$(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});
		});

Делай b.stop().animate... stop может принимать аргументы - http://api.jquery.com/stop/

В том то и дело, мне нужно не остановить анимацию, а поставить ее в очередь

Вложите код вместе с html на http://codepen.io/ тяжело помочь не без возможности "потрогать" код.

Грубо говоря хочу сделать что-то вроде этого
http://ruseller.com/lessons/les1641/demo/index.html
Но чтобы при перемещении между пунктами, подменю выпадало ПОСЛЕ полного сворачивания пункта с которого убрали мышь (свернулось-развернулось-свернулось и т.д.)

По моему очередь в жквери действует для одного и того же элемента а здесь разные

http://javascript.ru/forum/jquery/37...abotchika.html подобная проблема, - решается с помощью заведения переменной - тригера. грубо говоря - http://codepen.io/anon/pen/pLutv

Именно, как-то можно разные элементы поместить в одну очередь?

По моему никак-хотя рад был бы если ошибаюсь
Вам надо в конце animate по complete запускать какуюто функцию
Посмотрите ваиант с триггером что TEK предложил

Ну ладно, спасибо всем за помощь