accordion

<ul class='accordion'>  <li><a href='#menu-1'>Menu 1 header</a>    <ul id='menu-1'>      <li>Menu 1 content</li>    </ul>  </li>  <li><a href='#menu-2'>Menu 2 header</a>    <ul id='menu-2'>      <li>Menu 2 content</li>    </ul>  </li></ul>

• Menu 1 header
  • Menu 1 content
  • Menu 1 content
• Menu 2 header
  • Menu 2 content
  • Menu 2 content

<ul class='accordion panel'>  <li><a href='#panel-1'>panel 1 header</a>    <ul id='panel-1'>      <li>panel 1 content</li>    </ul>  </li>  <li><a href='#panel-2'>panel 2 header</a>    <ul id='panel-2'>      <li>panel 2 content</li>    </ul>  </li></ul>

• panel 1 header
  • panel 1 content
  • panel 1 content
• panel 2 header
  • panel 2 content
  • panel 2 content