# Accordion

<table border="1" id="bkmrk-r%C3%A9duisez-la-quantit%C3%A9" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 50%;"><span class="s1">Réduisez la quantité de texte présentée </span>à vos étudiant·e·s sur votre page de cours en utilisant l'accordéon interactif : Accordion.

Les apprenants décident quel thème examiner de plus près en développant le titre.

Excellent pour fournir une vue d'ensemble avec des explications détaillées optionnelles. Le texte est structuré en différentes sections que l’utilisateur peut déplier d’un simple clic. Il permet de varier la présentation des contenus de votre Moodle.

Des liens peuvent être insérés mais il n’est possible d’intégrer que du texte.

</td><td style="width: 50%;">[![image-1628175375759.56.10.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/xN1FS1Nav68aLuxg-image-1628175375759-56-10.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/xN1FS1Nav68aLuxg-image-1628175375759-56-10.png)

</td></tr></tbody></table>

### <span style="color: #3366ff;">Étape 1 : Création de l’activité H5P</span>

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Accordion.

Dans la barre latérale gauche,

1\. Cliquez sur le menu « Banque de contenus »

2\. Puis sur « Ajouter »

3\. Et sélectionner l’activité « Accordion »

[![image-1628581295973.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/ZNT1lToIlrAUjfIK-image-1628581295973.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/ZNT1lToIlrAUjfIK-image-1628581295973.png)

### <span style="color: #3366ff;">Étape 2 : Paramétrer mon activité H5P</span>

Dans le formulaire qui s’affiche,

1\. Nommez votre activité

*Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.*

2\. Entrez le Titre de votre 1<span class="s2">ère </span>section

3\. Entrez votre contenu « texte »

[![image-1628581355379.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/gl28d7IepLeCZb29-image-1628581355379.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/gl28d7IepLeCZb29-image-1628581355379.png)

4\. Cliquez sur le bouton[![image-1628581413929.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/0EXLzJuAt0KIV0Gz-image-1628581413929.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/0EXLzJuAt0KIV0Gz-image-1628581413929.png)pour créer une 2<span class="s2">ème </span>section et recommencer la saisie (Titre, texte)

Vous pouvez ajouter autant de panel que vous le désirez.

A tout moment vous pouvez supprimer ou changer l'ordre de vos sections. En cliquant sur la croix pour supprimer ou à laide des flèches pour monter ou descendre vos sections.

[![image-1629707774198.36.09.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/ciaxvz8brsr8RDMi-image-1629707774198-36-09.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/ciaxvz8brsr8RDMi-image-1629707774198-36-09.png)

5\. Cliquez enfin sur « Enregistrer » pour visualiser votre accordéon interactif.

Vous retrouverez facilement votre Accordion dans votre Banque de contenus et pourrez le modifier, à tout moment.

### <span style="color: #3366ff;">Étape 3 : Intégrez votre activité Accordion à votre cours Moodle</span>

Vous pouvez maintenant **diffuser votre module H5P** dans votre page Moodle. Vous pouvez l'[intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette](https://wiki.unil.ch/cse/books/h5p/page/option-1-integration-dans-la-page-de-cours "Option 1 : Intégration dans la page de cours (Ressource Étiquette)") ou la [diffuser à l'aider d'une activité H5P](https://wiki.unil.ch/cse/books/h5p/page/option-3-diffusion-de-lactivite-ou-du-contenu-h5p "Option 2 : Diffusion de l’activité ou du contenu H5P").