Каким должно быть удобное многоуровневое меню навигации в мобильной версии сайта?

Question

[sansansan]

Добрый день!

Есть мобильная версия сайта с меню гамбургером (меню появляется при нажатии на кнопку).
Уровень вложенности меню: 3 уровня.
На первом уровне 10-12 разделов.
Во втором - третьем уровне: до 3х подразделов в каждом разделе.

К каждому пункту меню привязана страница, например:
- Основное
-- Птица
--- Гусь
--- Утка
--- Курица
-- Мясо
--- Свинина
--- Говядина
- Дополнительное
-- Каши

Т.е.: есть страница и для "Основное", и для "Птица", и для "Гусь".
Следовательно, нельзя разворачивать/сворачивать раздел при нажатии и делать переход только при нажатии на пункт меню не имеющий дочерних элементов. Нужно иметь возможность сделать переход к странице каждого пункта меню.

Отобразить сразу все меню развернутым тоже не удобно, т.к. реальные названия разделов доволнтно длинные и их много.

Есть ли стандартные подходы для реализации удобного меню с таким функционалом?

Answer 1

[Нерон Лордов]

По-моему, всё просто. У родительского раздела задается две кнопки - одна переводит на страницу раздела, а другая разворачивает подразделы. А как иначе?

Answer 2

[Александр Решетняк]

Слинки вам в помощь) alizahid.github.io/slinky
https://github.com/alizahid/slinky/
сам как то задался такой задачей чтоб удобно было и на десктопе и на мобиле