Accordion Stable

With an Accordion you have the ability to group together related content and show it as an expandable list. This keeps the list concise and saves vertical space while allowing more information to be provided if desired.

<dl class="accordion js-accordion" role="presentation">
  <dt aria-level="3" class="accordion__header">
    <button id="panel1-button" class="accordion__title icon-arrow-down" aria-controls="panel1" aria-expanded="false">
      Title 1
    </button>
  </dt>
  <dd id="panel1" class="accordion__panel" aria-labelledby="panel1-button" role="region" aria-hidden="true">
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  </dd>
  <dt aria-level="3" class="accordion__header">
    <button id="panel1-button" class="accordion__title icon-arrow-down" aria-controls="panel1" aria-expanded="false">
      Title 2
    </button>
  </dt>
  <dd id="panel1" class="accordion__panel" aria-labelledby="panel1-button" role="region" aria-hidden="true">
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  </dd>
</dl>