Как мне анимировать в JQuery без стека колбэков?
Допустим, у меня есть три элемента div, и я бы хотел, чтобы каждый анимировал их после завершения предыдущего. В настоящее время я пишу это:
$('div1').fadeOut('slow', function() {
$('div2').fadeOut('slow', function() {
$('div3').fadeOut('slow');
});
});
Что некрасиво, но управляемо.
Теперь представьте, что у меня есть 10 различных анимаций, которые должны происходить одна за другойon different elements, Внезапно код становится настолько неуклюжим, что им чрезвычайно трудно управлять ...
Вот псевдокод того, что я хочу сделать:
$('div1').fadeOut('slow' { delay_next_function_until_done: true } );
$('div2').fadeOut('slow' { delay_next_function_until_done: true } );
$('div3').animate({ top: 500 }, 1000 );
Как мне этого добиться?