我注意到我的 jquery 手风琴菜单存在问题。
当我打开一个部分并再次关闭它时，':hover' 功能似乎对该特定部分停止工作。 ':hover' 功能仍然适用于我尚未点击的其他部分。
如果我全部点击它们，那么 ':hover' 将停止对所有部分起作用。
如果能得到一些帮助，我将非常感激。
非常感谢
罗伯特
这是一个 jsFiddle 链接，指向演示该问题的代码的快速示例。
将部分悬停以查看背景位置是否已移动。单击一个部分，然后单击另一个并悬停上一个部分。发生了一些奇怪的事情:)
在这个示例中，请注意div幻灯片定位是关闭的，在主版本中很好，但问题已经很好地演示了。
【问题讨论】：
首先我会让代码有效，例如
<div class="sidebar_game_header">
<a href="http://www.apple.com/">
<img src="http://robertmegone.com/jsfiddle/images/icn_1.png" alt="Game 4 Icon"/>
<div class="sidebar_game_header_text">Game 4</div>
</a>
</div>
您不能将块级别 div 嵌套在内联级别 a 元素中，这样做会导致浏览器尝试错误恢复以重建 DOM 并根据需要显示元素，这通常很好，但是一旦您通过 JS 函数添加交互性，代码/显示很可能会中断.. 不是说它在这里，但它可能没有帮助;)
然后我会说在这个菜单中根本不需要定位或浮动，使用内联块将图像和文本放入“标题”应该很容易。那么他们应该不需要移动（刚才发生的古怪行为）
我不确定您到底想要做什么，但 CSS 可能会为您完成大部分工作，因此 jQuery 只需上下滑动子菜单而与此无关悬停可以通过 CSS 像在普通菜单中一样工作.. 但无论如何.. 这是一些固定的 HTML/CSS 代码，可以与您的 jQuery 一起使用
注意 IE7 抛出错误，我不知道为什么，但我认为基础已经存在，我将嵌套的 div 更改为 span 并使用内联块使其与图像垂直对齐，其余的不需要浮动或定位，因为那是自然位置
如果您希望链接为白色，则必须在 CSS 中也指定 a color 上的 div 不足以定位链接颜色..
暂时就这些
好吧，我玩了一会儿，我不太了解您使用的代码，但我只是觉得我需要从 jQuery 中取出 CSS，以便激活悬停状态
我做了一个更新的例子，有人很可能会对其进行优化，这符合我的想法；悬停状态，移动背景等。通过 CSS，它唯一的额外功能是向“打开”手风琴标题添加一个类，以便它保留与悬停状态相同的 CSS
我不确定的最后一件事是，您需要哪些链接来阻止（标题链接？）上的默认行为 - 我只是逃避并且根本没有将 <span> 文本设置为链接;)
我还将内部列表更改为列表；）它的工作原理相同
（顺便说一句，IE7 不再使用此代码引发异常）
【讨论】：