Accordion - How to set style on selected header?

Accordion - How to set style on selected header?

Hi all,

I am using Accordion standalone (that is, the jQuery UI plugin, but without any UI themes).

It works great (and has some bug fixes over the original standalone Accordion, which is why I need the UI-based version), but I cannot get something working:

I want to manually set the style of the active header. In the original plugin, you only had to define the "selected" class for the element, and that would be that. However, doing so under the UI version doesn't work.

My accordion structure looks like this:

  1. $(document).ready(function(){$("#mainmenu").accordion({header:"a.title",clearStyle:true,autoHeight:false,collapsible:true,active:false});});

  3. <div id="mainmenu">
  4.       <a class="title" href="#">Title 1</a>
  5.             <div class="sub">
  6.                   <a href="#">Sub 1</a>
  7.                   <a href="#">Sub 2</a>
  8.             </div>
  9.       </a>
  10.       <a class="title" href="#">Title 2</a>
  11.             <div class="sub">
  12.                   <a href="#">Sub 3</a>
  13.                   <a href="#">Sub 4</a>
  14.             </div>
  15.       </a>
  16. </div>
Quite simply, what style do I define in my CSS file that would act as the style that Accordion assigns to the active (currently selected) header?

Thanks!