Accordion toevoegen aan content-blok

Deze tutorial laat zien hoe u een accordion in een content-blok creëert door het toevoegen van HTML code.

Wat is een accordion?

Een accordion bestaat uit een aantal elementen onder elkaar, en is een middel om op een website informatie compact en overzichtelijk te tonen.
Het eerste element is standaard opengeklapt, de overige elementen zijn ingeklapt en klappen open als een bezoeker er op klikt (zie afbeelding hier onder).

1. HTML toevoegen

Open het content-blok waar de accordion moet komen > klik op de 'code button' en copy paste de HTML code uit het voorbeeld in het tekstvlak.

Voorbeelden

Alle elementen in de accordion moeten paarsgewijs worden ingevoerd. Dus titel + tekstblok dat openklapt (ipv de <h2> tag kunt u ook een willekeurige andere HTML tag gebruiken:

selecteer alles regelnummers aan/uit

```
<h2>titel</h2>
```
```
<div>tekstblok</div>
```

Voorbeeld HTML code