To attach the accordion behavior to the accordion container div, construct a Rico.Accordion
object and pass the panel titles and contents to it. This is a bit different than the previous version,
but allows a lot more flexibilitiy. With the new Prototype Selector class it is still very easy.
new Rico.Accordion( $$('div.panelheader'), $$('div.panelContent') );
-or-
new Rico.Accordion( $$('div.panelheader'), $$('div.panelContent'),
{panelHeight:200,
hoverClass: 'mdHover',
selectedClass: 'mdSelected'}} );
The second example specifies the height of the accordion panels and the css classes that can be associated
with the accordion behaviors.
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.