@Zellar13

Как сделать меню, как на сайте citilink.ru?

Как сделать меню, как на сайте citilink.ru 60055257718e2951984689.jpeg ? То есть когда наводишь на пункт меню, происходит задержка, потом пункт меню становится активным и за счет этого можно вести по диагонали к пунктам подменю. Пытался сделать, но выходит какая то фигня. Например я навожу на пункт меню, ему добавляется класс active, появляется подменю и когда я веду по диагонали я цепляю соседний пункт меню и класс active на одну милисикунду пропадает и снова появляется
$(".dropdown-submenu").on("mouseenter", function(){
    let a = $(this);
    timeout = setTimeout (function(){
      a.addClass("active"),
      a.find('.dropdown-menu_delay').show(500);
    }, 800);
  }),
  $(".dropdown-submenu").on("mouseleave", function(){
    clearTimeout(timeout);
    let a = $(this);
    setTimeout (function(){
    if(a.hasClass("active")){
      a.removeClass("active"),
      a.find('.dropdown-menu_delay').hide(500);
    }}, 800);
  });
  • Вопрос задан
  • 117 просмотров
Решения вопроса 1
@Zellar13 Автор вопроса
В общем я сделал, кому нужно, может посмотреть
https://jsfiddle.net/rgLks2fb/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@strelok011
добавьте еще переменную-флаг. Если она активна, наезд на пункт меню игнорируется.
Взводите ее на первом открывающемся пункте, отключаете по таймауту на выходе.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Минск
от 2 800 до 3 300 $