Чем заменить раскрытие меню по :hover на мобильных версиях?

Question

[pegas]

Есть вложенное меню, при наведении на список выводиться его подменю. На мобильной версии нет понятия hover, и чтобы появилось подменю нужно нажать по списку, но при этом происходит переход к ссылке.

Comments

[Moskus]

Самый очевидный способ решения - раскрывать подменю не по :hover, а по нажатию на родительский пункт или дополнительный элемент. Это и на настольной версии сильно способствует, если человек пользуется клавиатурной навигацией, а не мышью (да, такие пользователи есть).

Answer 1

[Михаил Лисецкий]

Самое простое используют дополнительный элемент для раскрытия подменю. Вот типа как на этом Демо

Comments

[pegas]

Чтобы переход был только по отдельному элементу? "+" на примере

Answer 2

[Otrivin]

Скриптом отлавливаешь нажатие на ссылку.
Если нажал на нее первый раз - откидываешь дочернее меню. Если второй, и меню уже открыто - переходишь по ссылке.

Реализовал на jquery на czm-sochi.su, можешь посмотреть там

Answer 3

[Евгений Трофимов]

Вот тут неплохое решение.