jQuery UI-手风琴-设置活动标题的样式？

简单的问题：我使用的手风琴没有任何UI主题（只是赤裸裸的，使用我自己的CSS）

到目前为止还不错，只是我不知道如何为当前选定的标题设置“活动”样式

jQuery代码：

$("#menu").accordion({
  event: "mouseover",
  header: "a.top"
});

HTML代码：

<a href="#" class="top">XXX1</a>
<div class="sub">
   <a href="#">Subheading 1</a>
   <a href="#">Subheading 2</a>
   <a href="#">Subheading 3</a>
</div>

<a href="#" class="top">XXX2</a>
<div class="sub">
   <a href="#">Subheading 1</a>
   <a href="#">Subheading 2</a>
   <a href="#">Subheading 3</a>
</div>

请帮忙

$("#menu").accordion({
    header: "a",
    event: mouseover,
    active:0
});

---

使用“主动”控件。不确定它是否在没有

遥控器的情况下工作。小部件有一个用于创建菜单的所有“标题”的运行计数。索引0是第一个xxx1，索引1是第二个xxx2，以此类推。
我也在努力解决这个问题。我去掉了围绕着a.nav链接和指定标题“.nav”的h3标签。在我的css中，我加入了“a.ui-state-active”来更改打开的accordion div的标题。对我来说，预先添加“a”会有所不同。
对于仍然使用jQuery ui的人，只需将此添加到css中即可：

.ui-accordion-header-active {
    background: red !important;
}

只要改变你想要的颜色或背景
 你能确认你的CSS样式没有被jQuery重置吗？我在.ui状态处于活动状态的情况下尝试了这一点，并且能够更改样式。您找到解决方案了吗？
.ui-accordion-header-active {
    background: red !important;
}