jquery手风琴折叠和css问题

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

---

这里有一个链接

当您单击以关闭标题时，

将获得类

ui状态焦点

。您可以检查单击是否正在关闭它，如果是这样，请删除类

ui状态焦点

，这将更改正在应用的css规则。

查找此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 }

---

在ruleyeap中，我唯一要添加的是只删除.ui状态焦点的第一个实例，我提到“从该规则中删除类”：