Как сделать чтобы клик раскрывал и при повторном переходил на страницу?

Question

[kentos]

Здравствуйте, как сделать, чтобы в мобильной версии, при клике в меню, сразу открывалось, а потом при повторном, переходило по ссылке

$('body').on('click', 'header ul.navigation li a', function (e) {
                        if ($(this).children('.arrow-icon').length > 0) {
                                e.preventDefault();
                                e.stopPropagation();
                                $(this).toggleClass("mobile-active");
                                $(this).siblings('.navigation-dropdown').slideToggle();
                                $(this).siblings('.navigation-dropdown-wide-inner').slideToggle();
                                $(this).siblings('.navigation-dropdown-wide').slideToggle();
                        }
                })

<ul class="navigation">
                            <li class=" navigation-wide">
        <a href="/catalog/" class="">Каталог <span class="arrow-icon icon-down"></span></a>
        <ul class="navigation-dropdown-wide" style="display: block;">
                                                    <li class="level0">
        <a href="/catalog/reduktory-xoda/" class="">Редукторы хода<span class="arrow-icon icon-right"></span></a>
                    <ul class="navigation-dropdown-wide-inner" style="display: none;">
                                                            <li class="level1">
        <a href="/catalog/reduktory-xoda/hitachi/">Hitachi<span class="arrow-icon icon-right"></span></a>

Вот код

Comments

[Вадим]

Ну, у вас же практически всё есть. При первичном клике проверйте наличее класса. Если его нет - делайте preventDefault, и добавляйте класс, раскрывайте список. А если есть класс - то убирайте его и не делайте preventDefault.
Профит

[kentos]

Вадим, Ну получается, если я убираю preventDefault() просто, то тоже ничего не происходит

[Вадим]

kentos, его не нужно убирать. Его нужно добавлять только если класса на элементе нет.
типа

if( !$(this).hasClass('mobile-active') ) { 
  e.preventDefault()
}

[kentos]

Вадим, Все равно не работает(

[Alex]

Я уже вижу десятки "довольных" пользователей при использовании такого UI. Это божественно ! *сарказм*

Answer 1

[Alex]

ПРимерно так:

if (
$(this).children('.arrow-icon').length > 0
&& !$(this).hasClass("mobile-active");
) {