Глубокое (3-4 уровня) меню на мобильных устройствах

[dron]

День добрый! Друзья, возник вопрос. На сайте есть глубокое меню:

Каталог
- Оборудование 1
   - Модель 1
      - Тип 1
      - Тип 2
      - Тип 3

Реализовать такое для десктопа легко: тут есть и клик и ховер. А вот как быть с мобильными устройствами??? При клике вместо выпадающего подменю открывается ссылка на раздел Модель 1. Из-за этого подменю, где указаны Типы (1,2, 3) не открывается вовсе. Я понимаю, что эти типы можно реализовать иначе, например через фильтр в разделе Модель. Но нужно именно такое глубокое меню!

Как быть, подскажи, пожалуйста.

Заранее спасибо!

[vladmih]

В мобиле, точно так же обрабатывайте на клик, и разворачивайте список внутри списка...

 

[dron]

Так там по клику ссылка открывается...

[klierik]

Здравствуйте.

Вам, по сути, надо отлавливать события на мобильных устройствах. Если на desktop у вас срабатывает :hover, то на mobile следует обрабатывать .click()

Вот пример, который будет работать только в Mobile (из-за ф-ии isMobile() )

[sigma77]

@dron

Если нужно сохранить возможность перехода по "Модель 1"можно

1. Сделать пункт "Модель1" в меню спаном, а внутри списка уже ссылкой.

2. Добавить иконку, при клике на которую будет расскрываться список.

[vladmih]

В 08.06.2018 в 16:04, klierik сказал:

Здравствуйте.

Вам, по сути, надо отлавливать события на мобильных устройствах. Если на desktop у вас срабатывает :hover, то на mobile следует обрабатывать .click()

Вот пример, который будет работать только в Mobile (из-за ф-ии isMobile() )

Мне кажется, можно даже отлавливать видимость подменю через is(:hidden), если скрыт то открываем, если открыт то делаем переход

[dron]

Ребят, огромное всем спасибо за оперативную помощь!!!