如何在Javascript中製作一個類似YouTube的下拉部分？

Question

在YouTube上，當你點擊你個人資料的右上角按鈕時，它會在上面放下整個部分，向下移動所有內容，當你再次點擊它時，該部分消失，將所有內容移回。他們如何做到這一點？

P.S.我是Javascript新手，所以我甚至不知道如何搜索這個特定解決方案的文檔。請具體說明。

謝謝！

Answer 1

http://jsfiddle.net/qT3Em/

除非你想自己編寫的動畫（不推薦） 您shuld使用libary巫婆帶有像jQuery http://www.jquery.com

它的功能commes .toggle http://api.jquery.com/toggle/ ，我用動畫在該示例中belove

<button>A button</button> 
<div style="display:none;"> 
<h1>Hidden Content</h1> 
</div> 
<h1>Lower Content</h1> 

---

$(function() { 
$("button").click(function() { 
    $("div").toggle("slow"); 
}); 
}); 

，這將使你的影響，你想