[Stay_Strong]

Вопрос следующий. Есть выпадающее меню на jquery. Суть такая: нужно чтобы после того, как мышь покинула меню, само меню скрывалось через секунду. Однако, при этом, если мышь вернется в течении секунды, то ничего не происходило.

Я пробовал через settimeout. Однако, если я возвращаюсь на предыдущее меню, то оно мгновенно закрывается.

Вызов самого меню:

var animationTime = 100;
var sub = $('.wrap-cat-menu');

$(document).on('mouseenter', 'li.dropdown-cat', function() {
          if (sub.is(':visible')) {
              sub.slideUp(animationTime);
          } else {
              sub.slideDown(animationTime);
          }
          return false;
});

Обработка скрытия меню:

$(document).on('mouseleave', '.dropdown-cat', function() {
          setTimeout(function() {
            sub.slideUp(animationTime);
            return false;
          }, 1000);
});

Однако, никак не могу решить проблему. Помогите, кто может и объясните, пожалуйста, как это работает..