Jquery Accordion - CSS styling OnClick question

Hello,

Could somebody help me with CSS styling on this accordion?

http://web.me.com/zumajoe/accordion/

(taken from: http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/)

I have 2 sets of text within the Button Div- the Title text and then a short Description text.

I would like for the onClick to toggle transparency for the “Description text”. (In the off-state I want it to be invisible)

.transparent
{
/* for IE /
filter:alpha(opacity=0);
/
CSS3 standard */
opacity:0;
}

Even better, is there a way to have 2 seperate CSS classes for the Description text for On state and the Off state?

Hi,

If I understand correctly then you could use the “on” class to reveal the description text that is in the span.

e.g.


.accordionButtonNotes{display:none}
.on .accordionButtonNotes{display:inline}

Is that what you meant ?