Блог

я создал выпадающее меню для своей темы WordPress.

При наведении курсора я сделал его скользящим.

Проблема в том, что при быстром перемещении мыши выпадающее меню отображается несколько раз.

Итак, мне нужна задержка или что-то в этом роде.

Это моя функция:

     $( document ).ready(function() {    

        $('#menu-headermenu li > .sub-menu').parent().hover(function(){
            $(this).children('.sub-menu').slideToggle(200);
        }); 

    });
  

У кого-нибудь есть идея, как я могу сделать это лучше?

Редактировать://

Ответ Джейсона решил проблему.

Это мой новый код:

         $('#menu-headermenu li > .sub-menu').parent().hover(function(){
            $(this).children('.sub-menu').stop(true).slideToggle(200);
        });