---
url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/lay-out/uitvouwbaar-paneel'
title: 'Een uitvouwbaar paneel toevoegen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:28:15+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Gebruik een uitvouwbaar paneel, ook wel accordeon genoemd, wanneer je een lijst met koppen wilt die bezoekers één voor één openen. Het past bij veelgestelde vragen, functielijsten en lange inhoud die zich beter in delen laat lezen. Je krijgt een stapel vragen waarvan de antwoorden met een klik openen. Het voorbeeld bouwt drie vragen voor de veelgestelde-vragenpagina van een bureau.'
tags:
  - Layout
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Een uitvouwbaar paneel toevoegen'
      description: 'Gebruik een uitvouwbaar paneel, ook wel accordeon genoemd, wanneer je een lijst met koppen wilt die bezoekers één voor één openen. Het past bij veelgestelde vragen, functielijsten en lange inhoud die zich beter in delen laat lezen. Je krijgt een stapel vragen waarvan de antwoorden met een klik openen. Het voorbeeld bouwt drie vragen voor de veelgestelde-vragenpagina van een bureau.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:28:15+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/lay-out/uitvouwbaar-paneel'
      articleSection: Lay-out
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/lay-out/uitvouwbaar-paneel'
      description: 'Gebruik een uitvouwbaar paneel, ook wel accordeon genoemd, wanneer je een lijst met koppen wilt die bezoekers één voor één openen. Het past bij veelgestelde vragen, functielijsten en lange inhoud die zich beter in delen laat lezen. Je krijgt een stapel vragen waarvan de antwoorden met een klik openen. Het voorbeeld bouwt drie vragen voor de veelgestelde-vragenpagina van een bureau.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/nl'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: nl
---
[Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/build) /[Content toevoegen](/nl/hc/documentation/learn-dxpr-builder/elements) /[Lay-out](/nl/hc/documentation/learn-dxpr-builder/layout/overview) # Een uitvouwbaar paneel toevoegen.

 DXPR Builder lerenPagina’s bouwenContent toevoegenLay-out

   ## In deze gids

 Gerelateerde gidsen

- [Een tabbladenpaneel toevoegen](/nl/hc/documentatie/dxpr-builder-leren/lay-out/tabbladenpaneel)
- [Een veelgestelde-vragenpagina bouwen](/nl/hc/documentatie/dxpr-builder-leren/tutorials/veelgestelde-vragenpagina)
- [Een geneste lay-out toevoegen](/nl/hc/documentatie/dxpr-builder-leren/lay-out/nesten)

Gebruik een uitvouwbaar paneel, ook wel accordeon genoemd, wanneer je een lijst met koppen wilt die bezoekers één voor één openen. Het past bij veelgestelde vragen, functielijsten en lange inhoud die zich beter in delen laat lezen. Je krijgt een stapel vragen waarvan de antwoorden met een klik openen. Het voorbeeld bouwt drie vragen voor de veelgestelde-vragenpagina van een bureau.

## Een uitvouwbaar paneel toevoegen

1. Klik op **+** op een sectie en kies **Uitvouwbaar paneel** op het tabblad **Lay-out**. Het komt met één toggle.
2. Open de instellingen van het paneel via het menu **More**. Kies met **Samenvouwen** of elke toggle gesloten begint. Hier staat het aan. Kies een **Uitvouwpictogram** en klik op **Opslaan**.
3. Beweeg over de toggle, open het menu **More** en kies **Settings**. Typ de vraag als **Toggletitel** en klik op **Opslaan**.
4. Klik op de vraag om de toggle te openen. Klik op **+** erin, kies **Tekst** en typ het antwoord.
5. Klik op **Toggle toevoegen** op de besturingsbalk van het paneel voor de volgende vraag. Nieuwe toggles belanden bovenaan, dus voeg de laatste vraag eerst toe.
6. Klik op **Opslaan** op de werkbalk. Klik in Voorvertoning op een vraag om te controleren of het antwoord opent.

  ## Wat je ziet

Elke vraag is een kop met het gekozen uitvouwpictogram. Een klik opent het antwoord eronder, en het antwoord dat openstond sluit. Met **Samenvouwen** uit staat het eerste antwoord open wanneer de pagina laadt. De antwoorden blijven in de HTML van de pagina staan terwijl ze gesloten zijn, zodat zoekmachines ze nog kunnen lezen.

## Je uitvouwbare paneel instellen

Het element **Uitvouwbaar paneel** heeft twee instellingen, onder **More** > **Settings** in de besturingsbalk.

| Instelling | Wat het doet | Standaard |
|---|---|---|
| **Samenvouwen** | Aan: elke toggle begint gesloten. Uit: de eerste toggle begint open | Uit |
| **Uitvouwpictogram** | Het pictogram naast elke titel: **Geen**, **+** (plus en min) of **﹀** (een pijl) | Geen |

Elke toggle heeft één instelling, **Toggletitel**: de vraag of kop waarop bezoekers klikken.

## Toggles beheren

- **Opnieuw rangschikken**: sleep een toggle aan **Toggle** in de besturingsbalk en zet hem boven of onder een andere neer.
- **Hernoemen**: beweeg over de toggle, open **More** > **Settings**, wijzig de **Toggletitel** en klik op **Opslaan**.
- **Verwijderen**: beweeg over de toggle, open **More** en kies **Delete**. Het antwoord erin gaat mee.

Een toggle bevat willekeurige elementen: tekst, afbeeldingen, knoppen of een rij met kolommen. Houd elk antwoord kort. Als een antwoord een eigen pagina nodig heeft, link dan naar die pagina.

## Als je het niet ziet

- **De nieuwe vraag verschijnt bovenaan.** **Toggle toevoegen** voegt altijd bovenaan het paneel in. Sleep de toggle aan **Toggle** in de besturingsbalk naar de plek die je wilt.
- **De instellingen tonen alleen Toggletitel.** Je opende de instellingen van één toggle. Beweeg over de bovenrand van het paneel zodat de besturingsbalk van **Uitvouwbaar paneel** verschijnt, en open daar **More** > **Settings**.
- **Het eerste antwoord staat open wanneer de pagina laadt.** **Samenvouwen** staat uit. Zet het aan in de instellingen van **Uitvouwbaar paneel** zodat elk antwoord gesloten begint.
- **Uitvouwbaar paneel ontbreekt op het tabblad Lay-out van de kiezer.** Je DXPR Builder-gebruikersprofiel sluit het uit. Een beheerder vinkt **Accordeon** aan onder **Elementen** in je profiel op `/admin/dxpr_studio/dxpr_builder/profile`.

## Wat nu?

- [Een tabbladenpaneel toevoegen](/nl/hc/documentation/learn-dxpr-builder/layout/tabs-element): toon verwante inhoud naast elkaar in plaats van gestapeld.
- [Veelgestelde-vragenpagina bouwen](/nl/hc/documentatie/dxpr-builder-leren/tutorials/veelgestelde-vragenpagina): bouw een hele veelgestelde-vragenpagina rond een uitvouwbaar paneel.
- [Nesten](/nl/hc/documentatie/dxpr-builder-leren/lay-out/nesten): zet rijen en kolommen in een toggle.