Accordion

Example

First

This is accordion content with the classes "ixf-container" and "padding-md."

Second

This is accordion content without an "ixf-container" set on it and with "padding-sm." If you plan on using the accordion in a panel, it's a good idea to leave off the "ixf-container" class.

Third

This is accordion content with an "ixf-container" set on it and with "padding-lg." Notice that if you're using "ixf-container" that the last piece of content gets rounded corners automagically.

Accordions are specifically used when you only want to see one panel open at a time.

NOTE: If you want multiple sections open at once, don't use an accordion

This uses the jQuery UI plugin straight out of the box. See the jQuery UI site for documentation.

Styles

Styles are applied using the standard jQuery UI classes for the accordion plugin. So if you call the accordion script without using the ixf, the correct look and feel will still be applied

Apply classes of ixf-accordion and default for the IxF to automatically set things up. Headings must be an h3.