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> 

在小提琴的代碼的其餘部分是你貼什麼你通常會做...希望這有助於...