Il est possible de créer des cadres dépliables (en "accordéon") dont seul les titres sont toujours visibles et qui affichent ou masquent leur contenu lorsque l'on clique dessus.
=====Cliquez sur les barres pour ouvrir les accordéons=====
Par défaut la syntaxe "panel" sans précision de type produit des encarts fermés à l'ouverture de la page.
%%{{accordion}}
{{panel title="indiquez ici votre titre" class="panel-success"}}
texte à escamoter
{{end elem="panel"}}
{{panel title="indiquez ici votre titre" class="panel-info"}}
texte à escamoter
{{end elem="panel"}}
{{end elem="accordion"}}%% donne
{{accordion}}
{{panel title="indiquez ici votre titre" class="panel-success"}}
texte à escamoter
{{end elem="panel"}}
{{panel title="indiquez ici votre titre" class="panel-info"}}
texte à escamoter
{{end elem="panel"}}
{{end elem="accordion"}}
====Panel déclaré ouvert à l'affichage de la page====
%%
{{panel title="indiquez ici votre titre" type="collapsible" class="panel-warning"}}
texte à escamoter
{{end elem="panel"}}%% donne
{{panel title="indiquez ici votre titre" type="collapsible" class="panel-warning"}}
texte à escamoter
{{end elem="panel"}}
====Panel déclaré fermé à l'affichage de la page====
%%
{{panel title="indiquez ici votre titre" type="collapsed" class="panel-danger"}}
texte à escamoter
{{end elem="panel"}}%% donne
{{panel title="indiquez ici votre titre" type="collapsed" class="panel-danger"}}
texte à escamoter
{{end elem="panel"}}
=====Personnaliser les barres de titre avec des icones=====
Il est possible d'ajouter des icones au texte dans un titre.
Par exemple pour ajouter un icone en forme d'oeil, renseigner le //title// suivant :
- title=" Semaine du 22 au 26 Avril 2019"
Retrouvez tous les icones possibles sur cette page : https://getbootstrap.com/docs/3.3/components/#glyphicons
Il vous suffit ensuite de remplacer la partie "//eye-open//" (dans l'exemple ci-dessus) par le nom de l’icone qui vous intéresse.
%%{{accordion}}
{{panel title=" class success" class="panel-success"}}
info
{{end elem="panel"}}
{{end elem="accordion"}}%%donne
{{accordion}}
{{panel title=" class success" class="panel-success"}}
info
{{end elem="panel"}}
{{end elem="accordion"}}
{{accordion}}
{{panel title=" class info" class="panel-info"}}
texte a masquer
{{end elem="panel"}}
{{panel title=" class warning" class="panel-warning"}}
texte a masquer
{{end elem="panel"}}
{{panel title=" class danger" class="panel-danger"}}
texte a masquer
{{end elem="panel"}}
{{panel title=" class sans ?"}}
texte a masquer
{{end elem="panel"}}
{{end elem="accordion"}}
=====Accordéons imbriqués=====
Losqu'un accordéon est situé lui-même dans un autre accordéon, un clic sur sa barre de titre entraine une action sur le niveau supérieur.
{{accordion}}
{{panel title="Niveau 1" type="collapsible" class="panel-success" type="collapsible"}}
Un autre accordéon:
{{panel title="Niveau 2" type="collapsible" class="panel-warning"}}
blablabla
{{end elem="panel"}}
{{end elem="panel"}}
{{end elem="accordion"}}
=====Pour utiliser juste des encarts (panels) fixes=====
%%{{panel title="indiquez ici votre titre (non clicable)"}}
texte affiché de manière permanente (non masquable)
{{end elem="panel"}}%%
donne
{{panel title="indiquez ici votre titre (non clicable)"}}
texte affiché de manière permanente (non masquable)
{{end elem="panel"}}