Démo Collapse-O-Matic

Créer un bloc « déclencheur »

Définir les paramètres du déclencheur dans la colonne de droite, dans l’onglet « avancé »

L’ancre HTML détermine la cible
La classe(s) CSS additionelle(s) déclenche le système:
collapseomatic : indispensable
noarrow : optionnel (masque les flèches/curseurs)

Créer le contenu « cible »

Créer 2 blocs « HTML »:

Un avec les contenu suivant où l’on précise la cible dans l’ID en ajoutant le préfixe « target-« :

<div id="target-lenomdelacible" class="collapseomatic_content">

et la fermeture:

</div>

Ajouter le contenu personnalisé entre les 2 balises