---
url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/layout/collapsibles-element'
title: 'Opvouwbare producten | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:28:15+00:00'
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
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-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Opvouwbare producten'
      description: ''
      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-23T14:31:17+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/documentation/learn-dxpr-builder/layout/collapsibles-element'
      articleSection: Layout
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/layout/collapsibles-element'
      description: ''
      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
---
[Help Center](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Layout](/hc/documentation/learn-dxpr-builder/layout/overview) # Opvouwbare producten.

 Learn DXPR BuilderBuild pagesAdd contentLayout

   ## In this guide

 Related guides

- [Tabbladen ](/nl/hc/documentation/learn-dxpr-builder/layout/tabs-element)
- [FAQ page](/hc/documentation/learn-dxpr-builder/tutorials/faq-page)
- [Nesting](/hc/documentation/learn-dxpr-builder/layout/nesting)

 Organiseer uw informatie in opvouwbare gebieden met het opvouwbare element. Organiseer bijvoorbeeld uw veelgestelde vragen zodat uw lezers antwoorden kunnen vinden op eenvoudige vragen die ze mogelijk hebben.

 Volg de onderstaande stappen om het Collapsibles-element in uw website te gaan gebruiken:

1. Klik op het **+** icoon
2. Klik op het **samenvouwbare** element
3. *Optioneel* kun je de collapsible inschakelen via de **Collapsible-** instelling
4. Klik op **Wijzigingen opslaan**
5. Klik op de **+** op de **inklapbare** werkbalk om meer **schakelaars** toe te voegen
6. Klik op het **potloodpictogram** om de titel van de schakelaar te bewerken
7. Vul de titel van de schakelaar in bij het **veld** **Wisseltitel**
8. Klik op **Wijzigingen opslaan**
9. Klik op de titel van de schakelaar die u hebt gemaakt om elementen aan het samenvouwbare item toe te voegen
10. Klik op de **+** en voeg het gewenste element toe; bijvoorbeeld een **tekst**
11. Nadat u uw voorkeursinstellingen heeft geselecteerd, kunt u op **Wijzigingen opslaan** klikken en u bent klaar!