div使用jQuery动画时，将所有其他div推下来

Question

我想做的就是让div向下移动到某个位置，现在动画可以工作，但它也会移动所有其他div，我该如何解决这个问题？

html代码中的div

   <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");

围绕网站上所有内容的div

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

Answer 1

给它绝对的位置将其从文档流中取出，然后使用top移动它（或者理想情况下CSS转换）。