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

Question

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

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

但是它不能按照我的意愿工作。实际上，当我单击箭头（.fa-angle-down）时，一次只希望激活一个.sub菜单（ul），但是使用此脚本时，我会激活所有的submenus。我尝试了所有方法，但无法处理。我留下了所有代码，这是可以帮助我理解的人。非常感谢。

codepen my menu and the whole code

Answer 1

您正在使用.sub-menu类扩展所有元素

您需要使用以下命令将其限制为下一个：

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