Javascript下拉菜单

我希望实现这样的菜单

（左侧）

任何人都可以重新启动jquery插件或任何其他与上述站点行为相同的JavaScript库吗

您可以使用以下代码（从jQuery Accordion页面）进行尝试：

负责人：

$（文档）.ready（函数（）{
$（“#手风琴”）。手风琴（）；
});

正文：

莫里斯·莫里斯·安特
Sed非乌尔纳
纳姆·伊尼姆·里苏斯
名言

使用jQuery，我使用了以下脚本：

$(document).ready(function() {
    $(".nav > li > a").click(function() {
        $("ul", $(this).parent()).slideToggle("normal");
        return false;
    });
    $(".nav ul").hide(); // Hide all on load. Done here rather than in CSS so users
    // see the menu if they have javascript disabled.
});

菜单在HTML中标记为：

<ul class="nav">
     <li><a href="#">Header</a></li>
     <li>
          <ul>
              <li>Sub list Items</li>
              <!-- More -->
          </ul>
     </li>
 </ul>

次级清单项目

---

对于每个可展开的部分。

JQuery有几个菜单插件

---

还有更多。我为我的网站写了我自己的。使用jQuery非常简单。

我已经尝试了jQuery插件，它不符合我的要求

但是，通过从其他站点复制JS和CSS，我可以使其正常工作：

$(document).ready(function() {
    $(".nav > li > a").click(function() {
        $("ul", $(this).parent()).slideToggle("normal");
        return false;
    });
    $(".nav ul").hide(); // Hide all on load. Done here rather than in CSS so users
    // see the menu if they have javascript disabled.
});

<ul class="nav">
     <li><a href="#">Header</a></li>
     <li>
          <ul>
              <li>Sub list Items</li>
              <!-- More -->
          </ul>
     </li>
 </ul>