JQuery:不想在 Accordion 菜单上显示 "Open Hover"状态

标签 jquery css hover accordion

大家好

我有一个改编自 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/

相关文章:

jQuery 和 Z-index 问题

javascript - jquery ui 添加不必要的代码和破坏东西

javascript - 如果输入字段已填充,则删除父类

javascript - ajax 内容和移动设备上的 CSS 悬停效果

html - 你能在 Firebug "sticky?"中设置悬停状态吗

css - 在 float 动态生成的元素(bx slider )上无法识别悬停

javascript - 分页 WebGrid 后脚本停止工作

jquery - 通过 CSS 按比例缩放图像高度并溢出 :hidden in Fluid Grid

Javascript "while hovered"循环

jquery - 使用 jQuery 验证插件的自定义方法