Как сделать многоуровневое адаптивное выпадающее горизонтальное меню без использования JS на чистом CSS?

Question

[Александр Соколовский]

Возможно у когото есть ссылки или готовое решение.

Comments

[Александр Соколовский]

ты думаешь я не гуглил?!

Answer 1

[Котик Антон]

А как вы себе представляете многоуровневое меню на телефоне без JavaScript, т. е. без реакции на клик мыши?

Есть такой вариант getbootstrap.com/examples/navbar, но он с JavaScript, потому что на мобиле нужно кликнуть по кнопке. Можно это выпилить, чтобы меню на мобилах было всегда в раскрытом состоянии, и получите то, что нужно.

Comments

[Александр Соколовский]

Огромное спасибо за ответ. Мне было интересно возможно ли это.

[Котик Антон]

Александр Соколовский: Вообще возможно. Вот например https://github.com/codezero-be/responsive-nav Попробуйте демку, работает даже с выключенным JavaScript.

[Александр Соколовский]

Я смотрел на такой пример. Он сделан сразу же для мобильных устройств. И на сколько я понял то проще добавить пару строчек кода JS и так будет лучше?

[Котик Антон]

Александр Соколовский: Не понял, что значит "сделан сразу же для мобильных устройств". JavaScript по сути достаточно использовать только для кнопки, по которой смогут нажимать пользователи мобильных устройств, чтобы показать/скрыть меню. Всё остальное реализуемо средствами одного лишь CSS. В принципе и кнопку тоже можно сделать без JavaScript, как здесь.

Answer 2

[Mikhail Osher]

line25.com/tutorials/how-to-create-a-pure-css-drop...

Comments

[Александр Соколовский]

Спасибо. Но оно не адаптивное.

Answer 3

[Александр]

Многоуровневое выпадающее горизонтальное меню
Многоуровневое выпадающее горизонтальное меню

Так же, возможно, тут найдёте что-то полезное 30 меню

Comments

[Александр Соколовский]

Используеться JQuerry во всех случаях