jQuery 垂直悬停手风琴

Question

垂直悬停手风琴有哪些 jQuery 插件？我正在寻找一个用于菜单的插件，其中：

• 子菜单项仅在悬停一秒钟后才会展开（因此可能使用hoverIntent插件）；
• 如果 Javascript 关闭，它可以正常降级；和
• 当鼠标完全移离子菜单项时，将折叠/关闭任何子菜单项。

十分感谢！

Answer 1

你可以试试 jquery UI 手风琴. 。它有很多选项，您也可以自定义它。

Answer 2

我可能是错的，但我认为使用 mouseover 或 mouseenter 事件来控制垂直手风琴可能存在固有的问题 - 除非你 真的 知道子菜单会是什么样子。

问题在于假设：您的子菜单中有一长串项目，下面还有一些短子菜单或单个菜单项。像这样：

• 菜单
  • 1
  • 2
    • A
    • 乙
    • C
    • d
    • e
    • F
  • 3
  • 4
  • 5
    • A
    • 乙
    • C

因此，当您从 #2 移动到 #3 时，#2 会折叠，将指针放在列表的下方。您触发 #3、#4、#5 的所有 mouseover/out 或 mouseenter/leave 事件...也许可以跳过整个菜单......事情可能会开始疯狂地发生变化。

也许hoverIntent插件可以工作，但我认为仅使用鼠标单击是一个更优雅的解决方案。至少对于抽象列表来说是这样。

Answer 3

嘿，看看这个悬停手风琴插件，我一直在寻找相同的效果，我发现了这个。 http://berndmatzner.de/jquery/hoveraccordion/

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

Answer 4

试试这些：

• http://designreviver.com/tutorials/jquery-examples-horizo​​ntal-accordion/
• http://www.marghoobuleman.com/jQuery-common-accordion