javascript - SlideOut 后下拉菜单 chop

Question

我正在使用一个下拉菜单，我修改它以使用动画，例如使用 onmouseover 和 onmouseout 的 SlideOut 和 FadeIn。 将鼠标悬停在所有嵌套列表中几次后，问题就出现了，这导致第二个嵌套列表被 chop 。
您可以通过从“导航 1”移动到“导航 2”并快速返回来复制错误。

Link to jsFiddle

截屏截图:
http://dl.dropbox.com/u/53879403/screenshot.png
请并感谢您的任何建议/批评。

Answer 1

请看这个 fiddle :http://jsfiddle.net/SuRJ9/

我修改的代码:

function slideDown(toSlide) {
    currentHover(toSlide);
    $($(toSlide).children('ul')[0]).slideDown('medium',
        function(){   $(this).css('overflow','visible') });
}

我添加了在完成动画后将 overflow 重置为 visible。 overflow 被jQuery 设置为hidden 以制作滑动动画。

此外，请不要使用 onmouseout="slideUp(this)" 和 onmouseover="slideDown(this)"，这是干扰性的 JavaScript，是一个不好的技术。您应该使用 jQuery 分配这些事件。