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

Question

[test-cats]

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

Изначально вложенные пункты, которые в классе .sub-menu скрыты ( в css добавил display: none) и по клику на ссылку они появляются (display:block).

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

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

Всем спасибо за ответы

Comments

[Andrew]

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

Answer 1

[Alex]

WordPress автоматиически проставляет класс current-menu-ancestor. Подробнее. Используйте его чтобы не скрывать подменю.
Примерно так:

.current-menu-ancestor ul {
    display: block !important;
}

Comments

[achernenkiy]

Пол ночи просидел и в итоге применил, то что ты написал. Ура, всё заработало.
спасибо тебе большое! А то все остальные стили написал, а с этим встрял.

Answer 2

[Вова Дружаев]

Это не правильно с точки зрения UX.

Но если так уж надо - напишите скрипт и отслеживайте на каком урл и есть ли на него ссылка в меню и держите его открытым. Без скрипта никак.
Ну или через фриланс решите вашу странную задачу

Comments

[test-cats]

Что тут не правильного? Так даже популярные библиотеки делают. https://vuejs.org/v2/guide/components-slots.html#S...

[Вова Дружаев]

Значит я не понял вашего вопроса - т.к. вижу что это бред открытое меню при переходе на страницу. Зачем? Пользователь свою цель достиг - перешел куда надо. Нафиг ему открытое меню?

[Rustam Bainazarov]

Владимир Дружаев, я думаю, он говорит о выделении текущего пункта меню. Просто он неверно объяснил свою идею.

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

[test-cats]

Рустам Байназаров, выпадающее горизонтальное меню в котором при переходе по вложенным пунктам выпадающие пункты закрываться не должны

[Rustam Bainazarov]

test-cats, если это горизонтальное меню сверху, то так делать не принято. Просто выделите текущий пункт стилями. Когда человек наведёт на первый уровень, то он увидит второй уровень, где будет выделенный пункт текущей страницы.

Это так делают обычно. Иными словами, я согласен с Владимир Дружаев. Но это что касательно UX.

Касательно вопроса, если вы всё решите делать это, то мне вам сказать нечего, кроме как о написании логики на JS с применением LocalStorage.

[test-cats]

Рустам Байназаров, верстикальное оно. я уже заработался видно))) в вп есть классы для реализации такого какие-то. я спросил тк не думаю, что эта задача не возникала уже у кого-то до меня)) как видно классы уже есть в вп. я как фронтендер тоже о локалсторедж подумал, но как мне кажется это не правильно все же будет

[alex-1917]

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

верстикальное

ахаха
по факту - половина шаблонов уже идет с такой фишкой (строчка кода в стилях), какой еще LS!!?? Обожимой!
автор! пошарь по шаблонам вп, коли в css ни бумбум, через полчаса максимум найдешь то, что надо.