Javascript .JQuery下拉列表中的each（）

我正在尝试创建一个JQuery下拉列表，类似于引导中使用的下拉列表

出现的问题是，单击单个列表项时，所有子导航的显示块都会显示

现在我知道这个问题可以用.each（）解决，但我的代码似乎不起作用

请在这里找到例子

如果以前有人问过这个问题，请道歉

B

尝试此修改：

---

我将您的更改为使用类

.sub

“下一步”切换元素到单击的锚点。

您不能选择所有

.sub

并切换它们。您只需要获取所单击的a元素旁边的元素

请尝试以下方法：

$(this).next(".sub").toggle();

更新了您的小提琴，以便您可以看到它的动作：

---

您希望发生什么？我只希望与相关列表项相关的.sub不是每次都打开。sub@17bc17没问题，很高兴有帮助：如果你觉得它很有帮助，也许你可以考虑把它标记为“接受”？it@17bc17很公平：）谢谢

$(this).next(".sub").toggle();

$('.main li a').on('click', function() {
    $(this).next('.sub').toggle();
});