如何在javascript中创建可折叠菜单？

如何在java脚本中创建一个可展开和可折叠的菜单，单击其中一个菜单将展开该菜单中的子菜单，并折叠其他展开的菜单？

最简单的方法是使用如下jQuery插件：

在jQuery中：

$(".toggle-control").click(function(){
    $(".target-div").hide();
    $(this).next().show();
});

如果您的html如下所示：

<p class="toggle-control">Click to expand</p>
<div class="target-div">some text here</div>
<p class="toggle-control">Click to expand</p>
<div class="target-div">some text here</div>
<p class="toggle-control">Click to expand</p>
<div class="target-div">some text here</div>

单击展开
这里有一些文字
单击展开
这里有一些文字
单击展开
这里有一些文字

除了答案，你想要的是一个（可能不是效果，而是整个菜单的内容）

这里有一个无库解决方案：

或者，手风琴特定的库/脚本：

---

否则，如果您准备使用库和附加组件，则有很多选择：。

大约有3000种方法。你在使用一个框架吗？非常好用——你试过了吗？因此，在google中，我只能找到可折叠菜单脚本，这不符合我的目的，即如果单击另一个菜单，菜单将折叠，因此每次只能打开一个菜单