javascript - アニメーション キュー

Question

これが欠けているシンプルで小さなものであることを願っていますが、現在、このコードはアニメーションを3つのdivすべてに一度に適用します。アニメーション化する必要があるため、終了したら2番目のアニメーションを適用します。それが終わったら、3番目を適用します。

ここに私が持っているものがあります:

container.live('mouseenter',function(){ 
    $('.pop1').animate({ marginTop: '0px'}, 'slow').next().animate({marginTop: '0px'}, 'slow').animate({marginTop: '0px'}, 'slow');
});

誰か助けてください！:(

Answer 1

container.live('mouseenter',function() {
    var slideUp = function (el) {
      if (el.length) {
        el.animate({ marginTop: '0px' }, 'slow', function () { 
          slideUp(el.next()); 
        });
      }
    };

    slideUp($('.pop1'));
});