html accordion formatting example

sx-accordion

<div id="accordian">

<h3><a href="#">Clickable link to expand the content within</a></h3>
<div>
  <p>Whatever content you would like.</p>
  <ul>
    <li>Lists of stuff are totally ok.</li>
    <li>Even links to things that are silly like <a href="http://theoatmeal.com/">The Oatmeal</a>.</li>
  </ul>
  <p>Whatever content you would like.</p>
</div>

<h3><a href="#">Clickable link to expand the content within</a></h3>
<div>
  <p>Whatever content you would like.</p>
  <ul>
    <li>Lists of stuff are totally ok.</li>
    <li>Even links to things that are silly like <a href="http://theoatmeal.com/">The Oatmeal</a>.</li>
  </ul>
  <blockquote><p>Fancy block quotes are totally cool.</p></blockquote>
</div>

<h3><a href="#">Clickable link to expand the content within</a></h3>
<div>
  <p>Whatever content you would like.</p>
  <ul>
    <li>Lists of stuff are totally ok.</li>
    <li>Even links to things that are silly like <a href="http://theoatmeal.com/">The Oatmeal</a>.</li>
  </ul>
  <p>Whatever content you would like.</p>
</div>

</div>