jquery 下拉菜单卡住

Question

所以我正在使用 jquery 的 .hover 功能。但是我遇到了一个小问题。当您将鼠标快速移到下拉菜单上时，下拉菜单会粘住并且不会隐藏 (ff3)。如果前一个函数 slideDown 没有完成，它似乎正在跳过鼠标移出函数。无论如何要解决这个问题？

这是测试站点:http://vasoshield.xcsit.com/index.html

javascript:

 $(document).ready(function() {
    $('#mainNav ul li').hover(  
        function() {
            $(this).find('ul').slideDown(500);
        },
        function () {
            $(this).find('ul').hide(0);
        }
    );      
 });

菜单 html

<div id="mainNav">
    <ul>
        <li class="requestInfoLink">
            <a href="#">Request Info</a>
            <ul>
                <li><a href="#">Ordering</a></li>
                <li class="last"><a href="#">Contact Us</a></li>
            </ul>
        </li>   

        <li class="newsLink">
            <a href="#">News</a>
            <ul>
                <li class="last"><a href="#">Press Release</a></li>
            </ul>
        </li>
        <li class="productLink">
            <a href="#">Product</a>
            <ul>
                <li><a href="#">Overview</a></li>
                <li><a href="#">Physician</a></li>
                <li class="last"><a href="#">Patient</a></li>
            </ul>
        </li>               

    </ul>
</div>  

Answer 1

尝试将它们隐藏在 $(document) 中。准备开始。

如果没有，那为什么不尝试 .slideToggle()

我确定它是一些小而愚蠢的东西。只是尝试不同的东西。不过，我会先尝试 .slideToggle() 。或者只是 .toggle()

编辑:我认为浏览器不喜欢悬停时的另一个 function()。

尝试在它向上滑动的地方制作一个模糊事件。应该会产生更平滑和更好看的结果。