dsfr4drupal-1.x-dev/components/accordion/accordion.twig

{% set accordion_id = accordion_id|default('accordion-' ~ random()) %}
{% set attributes = attributes|default(create_attribute()) %}
{% set button_attributes = button_attributes|default(create_attribute()) %}
{% set title_tag = title_tag|default('h3') %}

<section{{ attributes.addClass('fr-accordion') }}>
  <{{ title_tag }} class="fr-accordion__title">
    <button{{ button_attributes
      .addClass('fr-accordion__btn')
      .setAttribute('type', 'button')
      .setAttribute('aria-expanded', expanded ? 'true' : 'false')
      .setAttribute('aria-controls', accordion_id) }}
    >
      {{ title }}
    </button>
  </{{ title_tag }}>
  <div class="fr-collapse" id="{{ accordion_id }}">
    {{ content }}
  </div>
</section>