div当使用jQuery动画时，推动所有其他divs

Question

所有我想要做的是有一个div向下移动页面到某个位置，现在动画工作，但它也移动所有其他divs，以及如何我解决这个问题？

<div id = "Sidepanel" style="background:#98bf21;height:0px;width:150px;top:0px;opacity:0;position:relative;left:5px"></div> 

jQuery的使用

$("#Sidepanel").animate({height:560,top:1010,opacity:1},"slow"); 

围绕该网站上的所有内容

#wrapper { 
    padding: 0; 
    background: url(images/main-image-bg.jpg) no-repeat center top;} 

Answer 1

给它绝对位置采取的div在HTML代码中的div出文档流程，然后使用top移动它（或理想的CSS转换其中po ssible）。