Javascript facebook主页，如下拉div

登录facebook后，主页标签后面会有一个向下的箭头符号。单击它会显示一个div（？），它仅出现在现有内容上，再次单击它就会消失

我怎么能做出这样的事呢

编辑：

我从布莱克本的孩子那里得到了这个。有一件事很清楚，单击按钮，只需切换两个div

但一个AIK切换发生在鼠标点击上。因此，jquery代码中应该有“click”事件

1） 但是我没有找到它。那在哪里

---

2） 有一些css可以使菜单出现在一个地方，而不会扰乱那里现有的内容（从演示中看，这是不可见的，但它确实发生了）。那是什么css代码？

这是我应该怎么做的，但这是一个非常基本的解决方案

div id="arrowid">▼</div> 
<div id="dropdownbox" style="display:none;">Dropdownbox</div>

<script type="text/javascript"> 
$(document).ready(function() {
$('#arrowid').click(){ 
$('#dropdownbox').toggle();
});   
});
</script>

div id=“arrowid”>▼ 
下拉框
$（文档）.ready（函数（）{
$（'#arrowid'）。单击（）{
$（“#下拉框”）.toggle（）；
});   
});

这一个不支持外部点击，它只是在点击箭头时显示和隐藏。希望有帮助

如果使用jQuery，可以使用来实现此效果

使用它以滑动方式显示或隐藏匹配的元素

.slideToggle( [duration] [, easing] [, callback] )

• 持续时间：确定动画将运行多长时间的字符串或数字
• 缓和：一个字符串，指示过渡使用哪个缓和函数
• 回调：动画完成后调用的函数

---

有很多方法可以做这些事情：这是一个很好的方法，已经有了简单的干净CSS外观和感觉

有很多方法可以做这些事情：这是一个很好的方法，已经有了简单的干净CSS外观和感觉。我有一个编辑，请注意that@TheBlackBenzKid ,我想接受你的评论作为我问题的答案。我能做什么？我在下面的答案中创建了它。单击勾选一件重要的事情：当dropbox出现时，它不能占用序列选项卡（查找朋友、主页等）的空间。否则布局会变得混乱