nouveau-theatre-de-besancon/site/snippets/collapsable-section.php

<section class="collapsable" x-data="{
  open: false
}">
  <button class="toggle" :class="open ? 'open' : ''" @click="open = !open" :title="open ? 'fermer': 'ouvrir'" :aria-expanded="open ? true : false">
    <h4><?= $title ?></h4>
    <span class="arrow-right" :class="open ? 'open' : ''">→</span>
  </button>
  <div class="collapsable__content<?php e(isset($padding) && !$padding, ' no-padding') ?>" :class="open ? 'open' : ''">
    <?= $slots->content() ?>
  </div>
</section>