Как в мобильной версии сайта перейти по ссылке только после второго клика?

Question

[rinaz22]

Всем привет! Есть меню с дочерними каталогами. На ПК они показываются при наведении, а на мобильной нужно кликать. Проблема в том, что при клике он перекидывает на главный каталог, а он должен перейти только после 2-ого клика.
Как можно это сделать?

Comments

[Rustam Bainazarov]

Сделать проверку на сенсорный экран. В зависимости от наличия сенсора писать два типа поведения — показ по клику или по наведению. Ну и там же сделать условие первого клика и т. п.

Для определения сенсора я пользуюсь вот этим:
https://stackoverflow.com/a/4819886/12053510

С адаптивным дизайном вопрос совершенно не связан.

[Алексей Ярков]

rinaz22, если Вам помог ответ, то отметьте его решением, пожалуйста.

Answer 1

[lagudal]

некоторое время назад у меня была похожая задача, правда, связана она была не с меню, а с breadcrumbs - но смысл решения я думаю несложно понять и применить под меню тоже.
Ниже пример реализации для длинных "breadcrumbs " - на широких экранах показываются полностью, на лептопах - сокращаются, и раскрываются по ховеру.
На таблет и мобильных - раскрываются по первому клику и переходят на нужный уровень по второму.