Accordion

Use Accordions to organise content navigation within a container.

Usage


  <ul class="accordion" data-module="Accordion">
    <li class="accordion__item is-active">
      <div class="accordion__header">
        <h2 class="accordion__title">
          <a class="accordion__toggle">...</a>
        </h2>
      </div>
      <div class="accordion__content">
        <p>...</p>
      </div>
    </li>
    ...
  </ul>