Jquery 多级菜单脚本，一次激活一个子菜单

Question

我创建了我的第一个多级菜单，您会在附件中找到它，目的是在 wordpress 中实现它。我声明我是 jquery 的绝对新手，但到目前为止，我有限的技能对我来说已经足够了。但是现在我发现自己面临一个极限，也就是说我使用了下面的脚本

$( ".fa-angle-down" ).on('click', function() { $(".sub-menu").toggleClass("expand-ul"); });

但它并没有像我希望的那样工作。事实上，当我点击一个箭头 (.fa-angle-down) 时，我希望一次只激活一个 .sub-menu (ul)，但是当使用这个脚本时，我激活了所有的子菜单。我都试过了，但我无法对付它们。我把所有的代码都留给你，这是可以帮助我理解的人。非常感谢。

codepen my menu and the whole code

Answer 1

您正在使用 class.sub-menu

展开所有元素

您需要使用以下方法将其限制为下一个：

$( ".fa-angle-down" ).on('click', function() {
 $(this).parent().next('.sub-menu').toggleClass("expand-ul");
});