Question

我正在尝试构建一个具有多个级别的非画布菜单。我已经快速codepen早期尝试了。

如果另一个＆＃39;级别1＆＃39; （+）链接打开了吗？目前，我只需要点击任何项目。我想让它更聪明一些。此外，如果上述级别关闭，则低于它的所有级别也将关闭。

$('.off-canvas__content').on('click', '.nav-click', function(e) {
    e.preventDefault();

    $this = $(this);
    $this.children('i').toggleClass('icon-minus').toggleClass('icon-plus');
    $item = $this.parent('.nav__item');
    $item.toggleClass('nav__item--open');

});

Answer 1

将此代码添加到您的代码中会使事情有效，我想：

  if($item.hasClass('nav__item--open')) {
          $item.siblings().find('.nav__item--open').removeClass('nav__item--open');
          $item.siblings().find('.icon-minus').addClass('icon-plus').removeClass('icon-minus');
          $item.siblings().removeClass('nav__item--open');



     }

CodePen

Answer 2

隐藏所有父元素exept单击的元素

编辑：

Bundler version 1.10.6

在移动菜单中创建智能下拉级别

2 个答案: