Как написать условие для ссылок?

Question

[CODALSD]

Есть следующий код обработчик аккордеон меню, как можно прописать условие что бы при клике на ссылку срабатывала и ссылка и скрипт, при этом работа скрипта оставалась такой же как и сейчас. То есть при клике раскрываются подменю и при клике на следующий элемент, предыдущее скрывается.

$('.accordion > li > a').click(function(e) {
  	e.preventDefault();
  
    var $this = $(this);
  
    if ($this.next().hasClass('show')) {
        $this.next().removeClass('show');
        $this.next().slideUp(350);
    } else {
        $this.parent().parent().find('.sub-menu').removeClass('show');
        $this.parent().parent().find('.sub-menu').slideUp(350);
        $this.next().toggleClass('show');
        $this.next().slideToggle(350);
    }

   if ($this.hasClass('active')) {
      $this.removeClass('active');
  } else {         
      $this.parent().parent().find('a').removeClass('active');
      $this.toggleClass('active');
  };
});

P.S. Если просто убрать preventDefault, то страница перезагружается с закрытыми пунктами подменю

Answer 1

[ApeCoder]

1. Переместить обработчик в событие после загрузки страницы
   
2. Необходимость раскрытия подменю выразить в url (mypage.html#menu1Opened)
   
3. Анализировать window.location и обрабатывать вид текущего URL
   

Comments

[CODALSD]

Я вот только одного не понял, получается для каждого пункта меню мне нужно создать свой уникальный hash с указанием состояния и обрабатывать при загрузке?
Значит для каждого пункта меню с хэшем мне нужно отдельные условия при загрузке страницы писать?

[ApeCoder]

CODALSD, При таком дизайне да, как при начальном дизайне писать OnClick

Answer 2

[Павел Корнилов]

как можно прописать условие что бы при клике на ссылку срабатывала и ссылка и скрипт

Никак. Если сработает ссылка - страница будет перезагружена.
Можно сохранить в кукисах ссылку на последний объект клика в меню, а потом его развернуть по загрузке страницы.

Comments

[CODALSD]

Может покажете как работать с куки? В данном конкретном примере, так как только изучаю js

[Павел Корнилов]

https://js-master.ru/?Javascripts___Технологии___Р...

[ApeCoder]

на последний объект клика в меню, а потом его развернуть по загрузке страницы.

В этом случае, если пользователь откроет несколько страниц из разных пунктов меню там может перепутаться развернутые подменю. А после перезагрузки страницы все установятся на последнем открытом подменю.

[Павел Корнилов]

ApeCoder, кукисы можно сохранять для конкретной страницы.

[ApeCoder]

Тогда получится, что конкретная страница не будет знать, откуда на нее пришли - то есть если в двух сессиях ее открыть из меню и просто так, меню будет развернуто в обоих местах