jQuery垂直悬停手风琴

时间:2009-04-03 06:42:02

标签: jquery hover accordion

垂直悬停手风琴有哪些jQuery插件?我正在寻找一个用于菜单的插件:

  • 子菜单项只会在经过一秒钟后才会展开(所以可能会使用hoverIntent插件);
  • 如果关闭Javascript,它会优雅地降级;和
  • 当鼠标完全离开时,
  • 将折叠/关闭任何子菜单项。
非常感谢你!

4 个答案:

答案 0 :(得分:1)

您可以尝试jquery UI accordion。它有很多选项,您也可以自定义它。

答案 1 :(得分:1)

我可能错了,但我认为使用鼠标悬停或鼠标中心事件来控制垂直手风琴可能存在固有问题 - 除非你真的知道子菜单会是什么样的。

问题在于假设:子菜单中有很长的项目列表,以及下面的一些简短子菜单或单个菜单项。像这样:

  • 菜单
    • 1
    • 2
      • 一个
      • B'/ LI>
      • C
      • d
      • ë
      • ˚F
    • 3
    • 4
    • 5
      • 一个
      • B'/ LI>
      • C

所以当你从#2转到#3时,#2会崩溃,把你的指针放在列表中。你为#3,#4,#5 ......发射了所有鼠标悬停/退出或鼠标中心/离开事件......并且可能会移动到整个菜单......事情可能会像疯了一样开始蹦蹦跳跳。

也许hoverIntent插件可以工作,但我认为只使用鼠标点击是一个更优雅的解决方案。至少对于抽象列表,即。

答案 2 :(得分:1)

嘿,看看这个Hover手风琴的插件,我正在寻找相同的效果,我找到了这个。 http://berndmatzner.de/jquery/hoveraccordion/

这可能有助于你使用原始的jquery手风琴进行悬停。 $("#accordion").accordion({ event: "mouseover" });

答案 3 :(得分:0)