Demonstration of the Rico Accordion. Please note the accordian CSS styles are defined in the /assets/css/style.css file.
<div id="accordionDiv"> <div id="overviewPanel"> <div id="overviewHeader"> Overview </div> <div id="panel1Content"> ... content text ... </div> </div> </div>
new Rico.Accordion( $('accordionDiv') ); -or- new Rico.Accordion( $('accordionDiv'), '.accordionTabTitle', '.accordionTabContent' );The second example specifies the height of the accordion panels. There are many other configuration parameters that can be specified to modify various visual aspects of the accordion. The panelHeight is the attribute that is most commonly overridden.