studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add resources section

Browse source
This commit is contained in:
isUnknown 2024-08-27 17:10:48 +02:00
parent 87d74195e7
commit 4cd3bfba57
8 changed files with 111 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

17
site/snippets/collapsable-section.php
View file

@ -1,11 +1,18 @@
<section class="collapsable" x-data="{
open: false
}">
<button class="toggle" @click="open = !open" title="Ouvrir la section">
<h4>Prenez vos places !</h4>
<?= svg('assets/images/icons/arrow-down.svg') ?>
<button class="toggle" :class="open ? 'open' : ''" @click="open = !open" :title="open ? 'Fermer la section': 'Ouvrir la section'" :aria-expanded="open ? true : false">
<h4><?= $title ?></h4>
<template x-if="!open">
<button class="arrow-down">↓</button>
</template>
<template x-if="open">
<button class="close-btn" :title="Fermer le menu">
<span class="close-btn__line"></span>
</button>
</template>
</button>
<div class="collapsable__content" :class="open ? 'open' : ''">
test
<div x-show="open" class="collapsable__content" :class="open ? 'open' : ''">
<?= $slots->content() ?>
</div>
</section>