[Решено] Небольшая проблема с jquery hover

[nemesis009]

Всем привет. Помогите пожалуйста разобраться с такой ситуацией. Я сделал выпадающее меню на jquery.hover. Работать оно работает, только если циклично наводить и убирать курсор, hover будет отрабатывать много раз и получается меню открывается - закрывается несколько раз. В GIF'ке  видно. 
Вот код меню: 

$(document).ready(function(){
   $('#menu-cat').hover(function(){
     $('#category-box').slideDown('fast');
   },
   function(){
     $('#category-box').slideUp('fast');
   }
);

Как от этого избавиться?

Змінено 1 червня 2015 користувачем nemesis009

[freelancer]

slideDown и slideUp принимают колбеки (которые вызываются по завершению эффекта) вторым аргументом. перед вызовом эффекта разворачивания нужно сделать проверку что предыдущий эффект завершился

[halfhope]

Либо с помощью CSS все сделать, без применения JavaScript.

[nemesis009]

slideDown и slideUp принимают колбеки (которые вызываются по завершению эффекта) вторым аргументом. перед вызовом эффекта разворачивания нужно сделать проверку что предыдущий эффект завершился

 

Спасибо большое за подсказку на счет callback, решил проблему следующим способом :

$('#menu-cat').hover(function(){
$('#category-box').slideDown('fast');
},
function(){
$('#category-box').slideUp('fast', function(){$(this).stop(true);});
}
);

Либо с помощью CSS все сделать, без применения JavaScript.

Спасибо, тоже идея хорошая, но мне проще было сделать на яваскрипте :)