如何使用jquery在页面顶部隐藏菜单下拉？答案

【问题标题】：How to use jquery to have hidden menu drop down at top of page?如何使用jquery在页面顶部隐藏菜单下拉？
【发布时间】：2010-12-11 11:06:17
【问题描述】：

我以前见过这样做，但我不确定如何。

当我的页面加载时，我希望在页面顶部下拉一个隐藏部分（高度可能约为 100 像素）。理想情况下，我希望它也将整个页面向下移动（而不是出现在页面顶部）。秘密区域的上角应该有一个“关闭”按钮，单击该按钮会导致实际页面向上滑动并覆盖部分。

我知道它有一个名字，但我不确定它是什么。我假设它与jquery相关。

谁能指出我正确的方向？

【问题讨论】：

标签： jquery css drop-down-menu hidden slide

【解决方案1】：

查找 jquery 显示，它应该可以正常工作：http://docs.jquery.com/Effects/show

<div id="hiddenMenu" style="display:none"> bla bla bla </div>

<a href="#" onclick="$('hiddenMenu').show('slow'); return false;">show the hidden menu</a>

【讨论】：

【解决方案2】：

StackOverflow 有它，它基本上是一个<div>，出现在打开的<body> 标记之后。只需在需要时适当地设置样式即可。

【讨论】：

【解决方案3】：

嗯，我经常使用一个名为Dialog 的 UI 插件。虽然它是一个弹出窗口，但即使用户在页面上向下滚动也会显示。

【讨论】：