Как мне анимировать в 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>
Как мне этого добиться?