Как сделать навигацию в мобильном многоуровневом меню с кнопкой «Назад» ??

Question

[Andress84]

Доброго времени. Так как у меня опыта в верстке и в JavaScript немного, то приходится обращаться с вопросами к опытным специалистам.

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

Прикрепляю скрин с макета

Answer 1

[Максим Бойко]

Не знаю как подобное сделать на чистом js, но я бы такое реализовал при помощи роутера (Роутер можно легко сделать самому при помощи url api), то есть каждая такая страница - новая страница, кнопка назад просто ведёт назад по страницам.
По другому в голову не приходит если честно.

Comments

[Andress84]

Это не страница, а меню на мобильном экране. То-есть там выпадающие меню, наподобие "Аккордеона".

Пока только получилось сделать именно выпадающее меню, но вот как сделать переход в меню второго уровня(Вступление в СРО) в отдельный блок, при этом чтобы была навигация "Назад" , я не пойму.

Ссылка на верстку
https://mcm.andreykurus.ru

[Максим Бойко]

Andress84, Вёрстка тут конечно плоха, но не суть, реализовал что-то подобное вот так на чистом js, там если понадобится анимация, то нужно будет добавить transition, надеюсь этот скрипт даст наводку на то, что вам нужно.

[Andress84]

Максим Бойко, Спасибо за решение. А не подскажите чем именно плоха верстка?) В двух словах ) Просто сама структура дизайна мне тоже не очень нравится, но такой был изначально макет.

[Максим Бойко]

Andress84, да я не про вашу вёрстку, я про вёрстку своего решения, так как там стилей нет и выглядит ужасно))

[Andress84]

Максим Бойко, ааа я просто вас не так понял ) Спасибо большое за ваше решение

[Максим Бойко]

Andress84, буду рад, если отметите в качестве решения)

[Andress84]

Максим Бойко, я поставил отметку нравится. Или нужно как-то по-другому отметить?) Просто я на этом сайте недавно

[Максим Бойко]

Andress84, слева, возле кнопки нравится в ответе, а не комментария должна быть кнопка "Отметить решением"