jQuery Accordion Instructions
- Confirm jQuery (1.6+) and jQuery UI (1.8+) are present, needs a theme.
- Place the following between the
<script>Optional: For the default styling as seen in
the demo you can also add
- Add your HTML to create the accordion, wrap the HTML in a
that has an id or class matching the selector above.
<p>Here is some contents!</p>
A few of the more useful options:
- collapsible: makes it so the open accordion can be closed by clicking
- active: sets a particular pane to be open by default (0 based index)
- heightStyle: "content" (in quotes) sets accordion height to be only as high as the content inside it
View more on