Почему не присваивается класс на jquery?

Question

[yuookokk]

Что не так в данном скрипте? не присваивается класс почему то nav__link_open

$('.nav_mobile .nav__link_group').on('click', function (e) {
        e.preventDefault()
        var $this = $(this).next('.nav_level2');
        $(this).parent().parent().find('.nav_level2').not($this).slideUp()
        $this.slideToggle()
        $(this).toggleClass('nav__link_open')
        $(this).parent().parent().find('.nav__link_group').not($(this)).removeClass('nav__link_open')
      })

<ul class="nav_mobile">
   <li class="nav__link_group">text</li>
<a href=""></a>
   <li class="nav_level2">text</li>
</ul>

.nav_level2{display:none;}

Comments

[scottparker]

присваивается jsfiddle.net/1uqh54kr

[yuookokk]

scottparker, нет
он сюда должен присваиваться nav_level2 и ставать видимым второй li

[yuookokk]

scottparker, если убрать тег a href , все ок при клике
но мне нужна именно такая конструкция

[bastik961]

var $this = $(this).siblings('.nav_level2');

[yuookokk]

bastik961, Спасибо

[v3shin]

А что у вас внутри <ul> делает <a>?

[yuookokk]

v3shin, да там как бы не ul а дивы, я написал что бы проще понимать было
в общем, кто то верстал сложное меню и не доделал моб. версию аккордиона

Answer 1

[v3shin]

Как я понял, у вас аккордеон с кучей .nav__link_group, перемежающихся .nav_level2. Попробуйте так:

let lvl2 = $(this).nextUntil('.nav__link_group', '.nav_level2');
// и дальше работа с lvl2