jquery - jquery手风琴崩溃和css问题

Question

我有一个带有来自 themeroller 的自定义样式表的手风琴。问题是当我折叠手风琴的一个部分时，它会将折叠的标题更改为黑色，而不是回到原来的红色。我查看了css，我唯一的想法是这是一个javascript问题，因为我的悬停颜色是黑色的，由于某种原因，它在折叠时保持这种颜色。

这是一个链接http://filtersavvy.com/index.php?main_page=index&cPath=351_448&sort=20a

Answer 1

当您单击关闭标题时，<h3>获得类ui-state-focus。您可以检查单击是否正在关闭它，如果是，请删除类ui-state-focus，这将更改正在应用的 css 规则。

Answer 2

查找此 CSS 规则

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: url("/includes/templates/theme376/css/images/ui-bg_highlight-soft_100_100909_1x100.png") repeat-x scroll 50% 50% #F50019;
    border: 1px solid #F50019;
    color: #FFFFFF;
    font-weight: normal;
}

该问题是由在.ui-state-focus具有焦点时为单击的菜单项显示黑色背景的类引起的。从该规则中删除该类或重新定义它，如下所示：

.ui-state-focus { background: none }