Как мне анимировать в JQuery без стека колбэков?

Допустим, у меня есть три элемента div, и я бы хотел, чтобы каждый анимировал их после завершения предыдущего. В настоящее время я пишу это:

<code>$('div1').fadeOut('slow', function() {
    $('div2').fadeOut('slow', function() {
        $('div3').fadeOut('slow');
    });
});
</code>

Что некрасиво, но управляемо.

Теперь представьте, что у меня есть 10 различных анимаций, которые должны происходить одна за другойon different elements, Внезапно код становится настолько неуклюжим, что им чрезвычайно трудно управлять ...

Вот псевдокод того, что я хочу сделать:

<code>$('div1').fadeOut('slow' { delay_next_function_until_done: true } );
$('div2').fadeOut('slow' { delay_next_function_until_done: true } );
$('div3').animate({ top: 500 }, 1000 );
</code>

Как мне этого добиться?

Ответы на вопрос(7)

Ваш ответ на вопрос