如何在Javascript中制作类似YouTube的下拉菜单？

Question

在YouTube中，当您点击个人资料的右上角按钮时，它会将整个部分放在顶部，将所有内容向下移动，当您再次单击该部分时，该部分将消失，将所有内容重新移回。他们是如何做到的？

P.S。我是Javascript的新手，所以我甚至不知道如何搜索这个特定解决方案的文档。请具体说明。

谢谢！

Answer 1

http://jsfiddle.net/qT3Em/

除非你想自己写动画（不推荐） 你应该使用一个像jquery http://www.jquery.com

这样的动画附带的图书馆巫婆

它与函数.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");
 }); 
});

将为您提供所需的效果