[jQuery UI - Accordion] Styling active header?
- by RC
Hi,
Simple issue: I am using Accordion without any UI themes (just barebones, using my own CSS).
So far, so good, except that I cannot figure out how to set an "active" style for the currently selected header.
The jQuery code:
$("#menu").accordion({
event:"mouseover",header:"a.top"
});
The HTML code:
<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>
This works great, except that I cannot find a way to define the styles for the active header without using ThemeRoller.
Manually setting the following styles in my CSS has no effect:
.ui-state-active
.ui-widget-content .ui-state-active
.ui-state-active a
.ui-state-active a:link
.ui-state-active a:visited
Assistance, please?
