jquery LI的锚悬停问题​​[JSFiddle里面]

时间:2011-04-11 13:56:06

标签: jquery html css hover

请参阅JSFiddle以了解问题 - http://jsfiddle.net/PeYYZ/

以上那种做我想要的。当我将鼠标悬停在li.parent上时,ul.child菜单会淡入,这很好。我希望子菜单保持打开状态,除非用户选择另一个li.parent。我试过弄乱mouseleave,但我不认为这就是我所追求的。

我需要的逻辑是:

  1. 如果用户将鼠标悬停在li上 等级parent,显示它 ul.child

  2. 如果用户然后将鼠标移动到其他地方 不是 li.parentul.child应保持开放。

  3. 如果用户移动到另一个li.parent,那么li.parent ul.child应该打开,之前打开的那个应该 消失。
  4. 提前致谢

2 个答案:

答案 0 :(得分:4)

喜欢这个? http://jsfiddle.net/nzFZ6/我也必须编辑CSS部分。

答案 1 :(得分:2)

这是我的解决方案:http://jsfiddle.net/MFZ8Q/

关键是只选择li.parent直接后代的链接,然后确保它们可见。

希望这就是你想要的:)