私は2つのdiv要素、一方が他方の上を持っている別の

Question

http://jsfiddle.net/pC6fC/1/

を移動するには1つのアニメーションDIVが必要です。最初のアニメーションはアニメーション化され、アニメーション化されてアニメーション化されます。最初のアニメーションがDIVをアニメーション化することなく2番目のものを下に押し出すことを確認するにはどうすればよいですか？

Answer 1

代わりにトップのマージンを使用することができます。両方のディーバが相対的に配置されているため、上限値（30％）を設定すると、2番目のdivがプッシュされません。

例：margin-top：http://jsfiddle.net/pC6fC/5/

Answer 2

topの代わりにmargin-topをアニメーション化するか、または両方をparent divに入れてアニメーション化することで、これを行うことができます。

例1： http://jsfiddle.net/pC6fC/8/

例2： ここでは、あなたのjQueryを少し変更して行くhttp://jsfiddle.net/pC6fC/6/

Answer 3

..

1. あなたはBOX1のアニメーションの後にスライドするのdivをしたい場合完成されました。

   /* Slides down alert banner */ 
   $(function(){ 
       $(".link").click(function(){ 
        $(".box1").animate({top:150}, 500, function() { $(".box2").css({top:150});}); 
   
       }); 
   

   }）;

2. divをbox1のアニメーションと一緒にスライドさせたい場合。

   /* Slides down alert banner */ 
   $(function(){ 
       $(".link").click(function(){ 
       $(".box1").animate({top:150}, 500); 
       $(".box2").css({top:150}); 
       }); 
   });