別これは私が下向きにアニメーション化DIVを持っているが、現在、以下のフッターDIVと重なる簡素化状況です

Question

http://jsfiddle.net/AndyMP/nUhhf/1/

を移動させ、1つのDIVのアニメーション化。私がしたいのは、それが対応してDIVを下方に押すことです。

このフィドルは一般的な問題を示しています。それが現れたとき、DIVは下方に動くが、DIVはその下のものを動かさない。

以下のDIVをどのようにプッシュすることができますか。私はDIVを別々に動かすことができるのは分かっていますが、よりよい解決策が必要であると確信しています。

JQ

$(function() { 
    $(".down_link").click(function() { 
     $(".block1").stop(true, true).animate({ top: 100 }, 200); 
    }); 

$(".up_link").click(function() { 
     $(".block1").stop(true, true).animate({ top: 0 }, 200); 
}); 
}); 

HTML

<div class="down_link">Down</div>/<div class="up_link">Up</div> 

<div class="block1"></div> 
<div class="block2"></div> 

Answer 1

両方ともdivでスタイル付けされているため、2番目のdivは定位置にとどまります。

position: relativeを削除すると、代わりにmarginTopをアニメーションできます。あなたが探しているものがthisかどうかを確認してください。

Answer 2

アニメイトmarginTopの代わりtop。