jQuery 简单的下拉菜单？

Question

我构建了一个简单的下拉菜单。
代码和演示在这里:http://jsfiddle.net/3Lq2d/5/
它看起来像这样:

将鼠标悬停在MENU 1上会淡入子菜单。

它工作得很好，除非你碰巧是个笨蛋，在菜单上频繁地晃动鼠标，在这种情况下，它会陷入半透明状态。

使用 .stop(true,true) 修复了 spaz 问题，但删除了将鼠标从菜单向下移动到子菜单的功能。我使用 fadeIn/fadeOut 来稍微延迟，因此当鼠标从菜单移动到子菜单时，子菜单保持可见... stop(true,true) 打破了这一点。

在所有正确的位置构建具有轻微延迟的淡入淡出菜单的最佳方法是什么？

<小时/>

更新:

我不断修改，直到完全满意为止，为悬停意图添加延迟......这是最终代码:http://jsfiddle.net/3Lq2d/75/

Answer 1

删除两个return false;，我相信这是你的问题。 http://jsfiddle.net/3Lq2d/3/

此外，我建议您使用无序列表而不是 div，它更有意义并且不会给您带来太多麻烦。

看看我之前写的这个教程 http://www.onextrapixel.com/2011/06/03/how-to-create-a-horizontal-dropdown-menu-with-html-css-and-jquery/