Accordion

<div class="ecl-accordion" data-ecl-auto-init="Accordion" data-ecl-accordion>
  <div class="ecl-accordion__item">
    <h3 class="ecl-accordion__title" id="accordion-example-title"><button type="button" class="ecl-accordion__toggle"
        data-ecl-accordion-toggle aria-controls="accordion-example-content"><span
          class="ecl-accordion__toggle-flex"><span class="ecl-accordion__toggle-title">Delivery of last pending
            proposals, a common Destiny of unity, the hour of European Democracy</span><span
            class="ecl-accordion__toggle-indicator"><svg class="ecl-icon ecl-icon--m ecl-accordion__toggle-icon"
              focusable="false" aria-hidden="true" data-ecl-accordion-icon>
              <use xlink:href="/icons.svg#plus"></use>
            </svg></span></span></button></h3>
    <div class="ecl-accordion__content" hidden id="accordion-example-content" role="region"
      aria-labelledby="accordion-example-title">The College of Commissioners held today the first weekly meeting of 2019
      which was devoted to discussing the challenges of this new year. Commissioners used the opportunity to take stock
      and discuss the year ahead, including the European elections in May and other important milestones ahead.</div>
  </div>
  <div class="ecl-accordion__item">
    <h3 class="ecl-accordion__title" id="accordion-example2-title"><button type="button" class="ecl-accordion__toggle"
        data-ecl-accordion-toggle aria-controls="accordion-example2-content"><span
          class="ecl-accordion__toggle-flex"><span class="ecl-accordion__toggle-title">Spring 2019 Economic Forecast:
            Growth continues at a more moderate pace</span><span class="ecl-accordion__toggle-indicator"><svg
              class="ecl-icon ecl-icon--m ecl-accordion__toggle-icon" focusable="false" aria-hidden="true"
              data-ecl-accordion-icon>
              <use xlink:href="/icons.svg#plus"></use>
            </svg></span></span></button></h3>
    <div class="ecl-accordion__content" hidden id="accordion-example2-content" role="region"
      aria-labelledby="accordion-example2-title">The European economy is forecast to continue expanding for the seventh
      year in a row in 2019, with real GDP expected to grow in all EU Member States. As global uncertainties continue to
      weigh, domestic dynamics are set to support the European economy. Growth is expected to gather pace again next
      year.</div>
  </div>
  <div class="ecl-accordion__item">
    <h3 class="ecl-accordion__title" id="accordion-example3-title"><button type="button" class="ecl-accordion__toggle"
        data-ecl-accordion-toggle aria-controls="accordion-example3-content"><span
          class="ecl-accordion__toggle-flex"><span class="ecl-accordion__toggle-title">Delivery of last pending
            proposals, a common Destiny of unity, the hour of European Democracy</span><span
            class="ecl-accordion__toggle-indicator"><svg class="ecl-icon ecl-icon--m ecl-accordion__toggle-icon"
              focusable="false" aria-hidden="true" data-ecl-accordion-icon>
              <use xlink:href="/icons.svg#plus"></use>
            </svg></span></span></button></h3>
    <div class="ecl-accordion__content" hidden id="accordion-example3-content" role="region"
      aria-labelledby="accordion-example3-title">In the modern global economy trade is essential for growth, jobs and
      competiveness, and the EU is committed to maintaining an open and rules-based trading system. With the rising
      threat of protectionism and weakened commitment of large players to global trade governance, the EU must take the
      lead.</div>
  </div>
</div>