Expandables

<div class="ecl-expandable" data-ecl-expandable="true" data-ecl-auto-init="Expandable"><button
    class="ecl-button ecl-button--secondary ecl-expandable__toggle" type="button"
    aria-controls="expandable-example-content" data-ecl-expandable-toggle="" data-ecl-label-expanded="Expanded"
    data-ecl-label-collapsed="Collapsed" aria-expanded="false"><span class="ecl-button__container"><span
        class="ecl-button__label" data-ecl-label="true">Collapsed</span><svg
        class="ecl-icon ecl-icon--fluid ecl-icon--rotate-180 ecl-button__icon ecl-button__icon--after" focusable="false"
        aria-hidden="true" data-ecl-icon="">
        <use xlink:href="/dist/media/icons.cec58484.svg#corner-arrow"></use>
      </svg></span></button>
  <div id="expandable-example-content" class="ecl-expandable__content" hidden="">
    <p class="ecl-u-type-paragraph-m">The EU is building an energy union that make sures Europe’s energy supply is safe,
      viable and accessible to all. In doing so, it can boost the economy and attract investments that can create new
      jobs opportunities.</p>
  </div>
</div>