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

Question

[olya_097]

https://codepen.io/anon/pen/vMqqKO
1) тень как то странно выглядит (когда два меню открыто)
что можно предпринять?

2) как сделать, чтобы в адаптивке все было закрыто( все подпункты подменю) и открывались по клику

3) есть момент когда переводишь стрелочку и подменю может пропасть
просто я ж даю submenu:hover transform: translateY(0px)

а submenu стоит transform: translateY(10px)
transition: opacity 250ms ease, transform 250ms ease, visibility 250ms linear

Answer 1

[Максим]

не submenu: hover
а dropdown:hover submenu

Comments

[olya_097]

Максим Ленский, ок
спасибо
а почему так?
не совсем понимаю

[Максим]

я в комментарии объяснял же
смотрите: блок: событие - это когда передаёте событие на сам блок
смотрите: родитель: событие блок - это от родителя передаёте событие блоку

понимаете ?

[olya_097]

Максим Ленский, да)
а на 1 и 2 пункт смотрели?

[Максим]

olya_097, ладно я щас дам конкретный пример в двух вариантах - пол часа погодите

[Максим]

olya_097, https://codepen.io/topicstarter/pen/LvwPgM - смотри так - если хочешь сохраняй код отвечай там и давай ссылку

[olya_097]

Максим Ленский, cпасибо

[olya_097]

Максим Ленский, а на 2 пункт глянешь?

[Максим]

olya_097, там тоже самое ....родитель: hover потомок и всё

[olya_097]

Максим Ленский, я имею ввиду на десктопе все ок
на мобилке все подменю открыты сразу

[Максим]

olya_097, чуть попозже ..через пору часов буду свободен