大家好
我有一个改编自 this 的 Accordion 菜单我在 DynamicDrive.com 上找到的。 这不是典型的 UL 类型 Accordion ,而是隐藏和显示 DIV。
我需要 3 个标题状态:
- 关闭(黑色文本/白色背景)
- 关闭悬停(白色文本/黑色背景)
- 打开(红色文本/白色背景)
目前有第四种状态(打开悬停),但我不想要这个。
如何让打开状态没有悬停?(或者让它处于独特的悬停状态)。目前,脚本将相同的closed-hover css 样式应用于open-hover 状态。
Here是JSFiddle上的代码。我知道那里有很多 JavaScript,但我们将不胜感激。
最佳答案
你的意思是这样的:Updated fiddle
如果这就是您想要的,唯一的变化是在 CSS 中。我必须使 .openheader
链接规则更具体(通过将 a 放在它前面)以匹配a.menuitem
链接的特殊性.. 然后确保所有 a.menuitem
规则都在 a.openheader
规则之前
关于JQuery:不想在 Accordion 菜单上显示 "Open Hover"状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5605543/