Javascript jQuery下拉导航菜单库一次打开所有

我正在尝试实现与哈佛网站上类似的菜单行为： 不管你把鼠标放在哪个链接上，所有的部分都会下降

有人知道他们在用什么吗？我能找到的最接近jquerysuperfish菜单，但它一次只允许打开一个菜单部分

提前谢谢你

我创建了一个描述我在评论中所说内容的。您正在寻找的特定结果是对普通下拉菜单的简单修改。不要让每个下拉列表都是各自独立的div，而是将它们放在容器div中，并在需要下拉列表时显示它

因此，不是：

<div id="drpDwn1"></div>
<div id="drpDwn2"></div>
<div id="drpDwn3"></div>

你应该：

<div id="drpDwnFull">
    <div id="drpDwn1"></div>
    <div id="drpDwn2"></div>
    <div id="drpDwn3"></div>
</div>

您可以更改

drpDwnFull

上的可见性，而不是单个项目，以获得完整的菜单效果

---

然后，您可以根据需要添加高亮显示。在我的演示中，我选择突出显示与菜单项相关联的菜单，以及您悬停在上面的单个菜单项。

很可能是这样设计的。它们可能有一个下拉列表div，其中包含其他div（您可以使用传统的分隔下拉列表）。在删除主下拉列表后，它们突出显示其中一个包含的div的背景。