# Accordeon

Met een *accordeon* kun je stukken tekst in-/uitklapbaar maken om ruimte te besparen op de pagina. Een *accordeon* wordt bijvoorbeeld vaak gebruikt voor ‘Veelgestelde vragen’-pagina’s.

![Accordeon](https://1929732892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FteZWnRGpaZe4HXNXvrFs%2Fuploads%2Fgit-blob-fa0d8e52bdd5e13b8f1d03211199d3c79002d11a%2Faccordeon.gif?alt=media)

Wil je uitgebreidere content kunnen in- en uitklappen? Gebruik dan de instelling *Toggle-section* van de widget [columns](https://docs.openstad.org/openstad/manual/modules/section-columns).

## Configuratie-opties

### General

* **Edit items:** Je voegt tekst toe aan het *accordeon* door items toe te voegen. Voor elk item vul je een *title* en *description* in. De *title* is altijd zichtbaar en bevat de titel of vraag. De *description* is alleen zichtbaar als je het accordeon uitklapt en bevat de omschrijving of het antwoord. &#x20;

### Styling

* **Styles for the container:** Deze module beschikt over de standaard CSS styling mogelijkheden, zie [styles for the container.](https://docs.openstad.org/openstad/manual/miscellaneous/styles-for-the-container)
