jQuery UI - Accordion - 设计事件标题？

Question

简单的问题:我使用的 Accordion 没有任何 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>

这非常有效，只是我无法找到一种在不使用 ThemeRoller 的情况下定义事件标题样式的方法。

在我的 CSS 中手动设置以下样式没有效果:

.ui-state-active
.ui-widget-content .ui-state-active
.ui-state-active a
.ui-state-active a:link
.ui-state-active a:visited

请帮忙？

Answer 1

我也为这个问题苦苦挣扎。我去掉了 a.nav 链接周围的 h3 标签并指定了标题:“.nav”。在我的 CSS 中，我包含了“a.ui-state-active”来更改打开的折叠式 div 的标题。对我来说，前面加上“a”就产生了不同。