jQuery的动画帮助

Question

好了，所以我想在这个网站上复制这一动画： http://www.infinvision.com/insights-and-musings.html

我有动画工作，容器DIV动画在屏幕的顶部正确。但是，在我的版本中，div内的内容只是停留在那里，而封闭div则围绕它进行封闭。在网站上，我正在复制的内容似乎随着收盘股的上涨而上涨。我试图将div位置值设置为绝对值，并尝试将顶部属性设置为零，但这不起作用。有什么建议么？？？？？

谢谢， 丹尼尔。

编辑：HTML代码我使用：

<div id="toplogin"> 
    <div class="container"> 
    <div id="toploginWrap"> 
    <div id="topLwrap"> MORE STUFF HERE </div> 
    <div id="topRwrap"> 
     <h3><span>LOGIN</span> 
     </h3> 
     <form id="topLoginFm" action="" method="POST"> 
     MORE STUFF HERE 
     </form> 

    </div> 
    </div> 
    </div> 
</div> 

JavaScript代码我使用：

window.onload = function(){ 
    $('#loginButton').click(function() { 
    $('#toplogin').animate({ 
     padding: 0, 
     margin:0, 
     height: 'toggle' 

    }, 1000, function() { 

    }); 

}); 
}; 



</script> 

Answer 1

为了使含量结束div动起来，见http://jsfiddle.net/g_thom/CPHxq/2/。

固定分隔位置使内容向上移动时保持原位。

Answer 2

请参阅本http://jsfiddle.net/79qvv/1/

我做的唯一的变化是，我不是使用window.OnLoad ...相反，我一旦dom准备好就绑定点击处理程序。如下

<script type="text/javascript"> 
$(function() { 
    //your custom code here ... 
}); 
</script> 

在小提琴的代码的其余部分是你贴什么你通常会做...希望这有助于...