0

Пытаюсь сделать двохуровневое адаптивное меню. Вроде что-то получилось, но есть проблема, когда первый раз нажимать на пункт меню, то оно открывается и сразу закрывается, а потом работает нормально.

$('.menu__header-btn').on('click', function(){
  $('.menu__header-list').slideToggle();
});

$('.drop__down-menu').on('click', function(){
  $(this).children('.drop__down-list').slideToggle();
});

Вот код - https://codepen.io/Dasha_Novikov/pen/NWPpWaK

8
  • ru.stackoverflow.com/questions/1059541/… ?
    – Kirill
    19 дек 2019 в 11:56
  • @Kirill там уже все работает, но это меню адаптивное 19 дек 2019 в 11:58
  • у Вас же оно и по ховеру, и по клику открывается - может быть, в этом проблема? 19 дек 2019 в 12:04
  • @humster_spb ну смотрите, у мобильной версии нету же понятия hover, там есть только клик. И почему оно так работает только при 1 нажатии, а при всех последующий все работает нормально 19 дек 2019 в 12:07
  • 2
    в мобильной версии ховер срабатывает по клику. и клик срабатывает. получается дабл-клик. предлагаю для мобильной версии отменить открытие по ховеру (с помощью медиа-запросов), оставить только клик и посмотреть, что будет 19 дек 2019 в 12:16

1 ответ 1

1

В мобильной версии ховер срабатывает по клику. И клик срабатывает тоже. Получается дабл-клик. В этом корень проблемы.

Предлагаю для мобильной версии отменить открытие по ховеру (с помощью медиа-запросов) и оставить только клик.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.