优化jQuery下拉菜单功能

Question

这是函数，我这样称呼它：$(document).ready(function(){ dropdownmenu(); });

function dropdownmenu() {   
    $("#navigation ul li.upper").hover(function(){
        $("ul.submenu", this).show(400);
    },function(){
        $("ul.submenu", this).hide();
    }); 
}

如何优化此功能，特别是防止动画排队并在页面加载时正常启动？欢迎任何其他提示！

最后但并非最不重要的是标记：

    <ul>
        <li>...</li>
        <li class="upper">
            <a href="#">Example</a>
            <ul class="submenu">
                <li><a href="#">Sub-example</a></li>    
            </ul>
        </li>
        <li>...</li>

提前致谢！         

Answer 1

所有的工作都已经完成了。

查看superfish

如果您仍想自己动手，那么至少检查一下这个插件的来源 Hover with intent