Как сверстать выпадающее меню как на сайте?

Question

[Александр Кульнёв]

как лучше сверстать такое меню каталога как на этом сайте:
https://7745.by
можно выводить суб-элементы в блок display: none при :hover списка. но если кто-то знает более приятный вариант - рад был бы ознакомиться
если есть какая-то библиотека - было бы очень интересно ознакомиться с ней, т.к. не хотелось бы придумывать велосипед.

Comments

[Монти Пайтон]

свойство и значение display: none для SEO не очень полезные

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

атрибут hidden.

[Николай Евсюков]

Здесь не только ховер участвует, а так же так называемое меню "как у амазон" вот статья на хабре. Ну а по сабжу - если использовать свойства pointer-events + visivility + opacity то можно легко пропустить какой-то аспект, особенно в таблет и мобайл меню, хотя это путь настоящего самурая.

Answer 1

[Николай Евсюков]

Здесь не только ховер участвует, а так же так называемое меню "как у амазон" вот статья на хабре. Ну а по сабжу - если использовать свойства pointer-events + visivility + opacity то можно легко пропустить какой-то аспект, особенно в таблет и мобайл меню, хотя это путь настоящего самурая.

Answer 2

[Andrej Sharapov]

Тут ничего сложного, просто берете в интернете простое вертикальное меню с выпадающими элементами и прикручиваете к сайту. Только вместо display попробуйте использовать pointer-events + visivility + opacity, иначе ваш каталог не проиндексируется как надо.