jQuery动画菜单队列问题

Question

我已经阅读了大约 15 个关于它的主题。最后我转了自己的东西，但是..看代码。

    $("#top_menu .top_menu_elements>ul>li")
    .mouseenter(function(){
        $(this).find(".moreMenu").stop(true,true).show(250);
    })
    .mouseleave(function(){
        $(this).find(".moreMenu").stop(true,true).hide(250);
    });

HTML：

<div id="top_menu">
    <div class="top_menu_elements">
    <ul>
        <li><a href="#" title="Site1">Site1</a></li>
        <li>
            <a href="#" title="Site2">Site2</a>
            <div class="moreMenu">
                Bla bla bla menu stuff
            </div>
        </li>
        <li>
            <a href="#" title="Site3">Site3</a>
            <div class="moreMenu">
                Bla bla bla menu stuff
            </div>
        </li>
    </ul>
    </div>
</div>

而且.. 它工作正常。但请尝试输入不同的持续时间，例如 show(250) hide(50)。当您将鼠标在此菜单上移动一段时间时，它会发疯。我试过回调，队列和出队的事情，还有停止。似乎没有任何帮助 - 出了问题。它应该适用于不同的时间，但事实并非如此。有什么想法吗？

Answer 1

您的代码似乎运行良好。

看这里：http://jsfiddle.net/maniator/3vcpE/