Помощь jQuery для простой проблемы ⇐ Jquery

[Anonymous]

Я написал собственное раскрывающееся меню, проблема в том, что если вы быстро наведете на него курсор, оно начнет безумно подниматься и опускаться. Вот пример: http://www.norrispenrose.com/

Вот мой код jQuery:

Код: Выделить всё

jQuery(document).ready(function(){ // menu system
jQuery('#mainMenu li').hover(function() {
jQuery(this).corner('5px');
});

jQuery('#mainMenu li').hover(function() {
if(jQuery(this).children().is('ul'))
{
jQuery(this).uncorner();
jQuery(this).corner('top 5px');
jQuery('ul', this).slideDown('fast');
jQuery('ul', this).uncorner();
jQuery('ul', this).corner('tr br bl 5px');
jQuery(this).addClass('dropHover');
}
else
{
//Do nothing
}

}, function() {
jQuery('ul', this).slideUp('fast');
jQuery(this).delay(200).queue(function () {
jQuery(this).removeClass('dropHover');
jQuery(this).dequeue();
});
jQuery(this).uncorner();

});
});

Будем благодарны за любую помощь!

Подробнее здесь: https://stackoverflow.com/questions/592 ... le-problem