Javascript 打开和关闭导航

我有一个小错误，当我点击一个链接打开儿童，它关闭了所有的项目，请看Gif：

这是我的JS代码：

$('.menu-item-has-children > a').on('click', function(e){
  e.preventDefault();
    var EltToToggle = $(this).next('.sub-menu');
   $(".sub-menu .sub-menu").not(EltToToggle).hide();

  EltToToggle.fadeToggle();
});

这是我的html：

<li id="menu-item-1555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1555"><a href="#" aria-expanded="false" class="">Nos métiers :  Fonctions support</a>
  <ul class="sub-menu">
    <li id="menu-item-1673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1673"><a href="#">Test insertion shortcode tableau RWD – Alex</a></li>
    <li id="menu-item-1600" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1600 menu-item-has-children">
        <a href="#collapseExample3" aria-expanded="false" class="">testu</a>

        <ul class="sub-menu">
            <li id="menu-item-1656" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1656">
                <a href="#">Test de tableau – page – style 3 Empilement Stacking</a>
            </li>

        </ul>
    </li>
</ul>

你可以这样做

javascript

$('.btnForExpanding').click(() => {

    $('ul.sub-menu').fadeToggle();

})

和HTML

<li id="menu-item-1555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1555"><a href="#" aria-expanded="false" class="">Nos métiers :  Fonctions support</a>
  <ul class="sub-menu">
    <li id="menu-item-1673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1673"><a href="#">Test insertion shortcode tableau RWD – Alex</a></li>
    <li id="menu-item-1600" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1600 menu-item-has-children">
        <a href="#collapseExample3" aria-expanded="false" class="btnForExpanding">testu</a>

        <ul class="sub-menu collapse" id="collapseExample3" aria-labelledby="headingThree" data-parent="#menu-secondary-menu">
            <li id="menu-item-1656" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1656">
                <a href="#">Test de tableau – page – style 3 Empilement Stacking</a>
            </li>

        </ul>
    </li>
</ul>

它也用一个

显示来隐藏
：无

如何关闭其他

同时请重新检查我编辑的帖子。是否有帮助？在第二个

子菜单上添加另一个类

。然后你应该用你刚刚为它创建的类来选择它，这样两个子菜单就不一样了。不幸的是，我不能触摸html代码，它是由CMS生成的：（我创建了这个

$（“.sub-menu.sub-menu”）。不是（elttoggle）。hide（）

但是当我单击另一个链接打开项目时，它不会关闭第一个链接。请参阅我编辑Gif的帖子