javascript - Jquery 下拉菜单奇怪的行为

Question

My Problem (Fiddle)

我的问题是，在我的 jquery 动画下拉菜单上，当您将鼠标悬停在“其他”链接上时，子菜单不会出现。当使用 firefox 进行“检查元素”时，我发现高度是动画的，宽度看起来也不错，但我只看到左边框。

我注意到，如果我将那个特定部分显示为一个 block ，当您为第一个菜单设置动画时，它会显示，但在进入无序列表后，它就会消失 ( ex )。我想它与此有某种关系，但我无法弄清楚是什么原因造成的。

任何对我可能刚刚忽略的东西的煽动都会很棒，当然非常感谢。

注意事项:

• 我在 Firefox、Chrome、Opera 和 IE 中遇到过这个问题。
• 它的设计使得它只能与 css 一起工作。第一个 .each 覆盖默认的 css 悬停行为。
• 空 span 包含箭头图像。
• 仅发布相关代码。但是，您可以查看我的网站here
• 如果您有任何提高效率的建议，随时欢迎。

Answer 1

http://jsfiddle.net/sailorob/4cdTV/5/

为了简单起见，我删除了您的 CSS，并通过使用 jQuery slideUp 和 slideDown 简化了您的函数，它们实质上处理了您使用函数管理的许多 css 属性。从这里开始，我认为在您的某些 CSS 中重新工作会相当简单。

在菜单上使用 javascript/jQuery/animation 时，我强烈建议使用计时器 (setTimeout) 来触发鼠标输入和“离开”。这样，当用户不小心将鼠标移出菜单几个像素并关闭时，您的菜单会更加宽容。