jquery - 使用 jquery 和 effect 'fold' 设置子菜单

Question

我想打开带有 jquery 效果的子菜单 fold，问题是如果用户做一个“悬停效果”来快速然后菜单保持打开状态，我怎么能避免这个，我的 jquery代码是:

$('ul.mainmenu li').hover(
    function() {
        $(this).children('ul').show('fold', 570);
    }, function() {
        $(this).children('ul').hide('fold', 500);
    }
);

我的 JsFiddle 链接是:http://jsfiddle.net/9wkBf/

Answer 1

Updated Fiddle

这个问题背后的原因是，第一个事件 $(this).children('ul').show('fold', 570); 被排队，直到它完成，第二个动画不会开始。

下面的代码片段可以作为解决方法

$('ul.mainmenu > li').hover(
    function() {
        $(this).children('ul').show('fold', 570);
    }, function() {
        $('ul:not(.mainmenu)').hide('fold', 500);

    }
);

*重要说明:这仅适用于当前场景。