Occasionally a page has an extensive amount of content associated with it. Where possible, these pages should be broken out into multiple pages; this improves searchability for your site. However, on occasion it is neccesary to present all the information on the same page. Accordions are one way to make this content more presentable.
Here is an example of content structured using accordions:
Accordions are most easily setup using the "source" view of your content.
To implement them, wrap your elements in the following 2 classes: "accordion" and "accordion_content".
<div class="accordion">Some clickable title goes here</div>
<div class="accordion_content">The content I want shown when it expands goes here</div>
This class can be applied to HTML tags such has <H1-H6>, <div>, <p> and <a>. Make sure that "accordion_content" always follows directly after "accordion".