Accordion

<div class="ecl-accordion" data-ecl-auto-init="Accordion" data-ecl-accordion="">
  <div class="ecl-accordion__item">
    <h3 class="ecl-accordion__title"><button type="button" class="ecl-accordion__toggle" data-ecl-accordion-toggle=""
        data-ecl-label-expanded="Close" data-ecl-label-collapsed="Open" aria-controls="accordion-example-content"><span
          class="ecl-accordion__toggle-flex"><span class="ecl-accordion__toggle-indicator"><span
              class="ecl-accordion__toggle-label">Open</span><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 class="ecl-accordion__toggle-title">Delivery of last pending proposals, a common Destiny
            of unity, the hour of European Democracy</span></span></button></h3>
    <div class="ecl-accordion__content" hidden="" id="accordion-example-content" role="region">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"><button type="button" class="ecl-accordion__toggle" data-ecl-accordion-toggle=""
        data-ecl-label-expanded="Close" data-ecl-label-collapsed="Open" aria-controls="accordion-example2-content"><span
          class="ecl-accordion__toggle-flex"><span class="ecl-accordion__toggle-indicator"><span
              class="ecl-accordion__toggle-label">Open</span><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 class="ecl-accordion__toggle-title">Spring 2019 Economic Forecast: Growth continues at a
            more moderate pace</span></span></button></h3>
    <div class="ecl-accordion__content" hidden="" id="accordion-example2-content" role="region">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"><button type="button" class="ecl-accordion__toggle" data-ecl-accordion-toggle=""
        data-ecl-label-expanded="Close" data-ecl-label-collapsed="Open" aria-controls="accordion-example3-content"><span
          class="ecl-accordion__toggle-flex"><span class="ecl-accordion__toggle-indicator"><span
              class="ecl-accordion__toggle-label">Open</span><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 class="ecl-accordion__toggle-title">Delivery of last pending proposals, a common Destiny
            of unity, the hour of European Democracy</span></span></button></h3>
    <div class="ecl-accordion__content" hidden="" id="accordion-example3-content" role="region">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>