--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/mise-en-page/panneau-repliable' title: 'Ajouter un panneau repliable | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:23:29+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Utilisez un panneau repliable, aussi appelé accordéon, quand vous voulez une liste de titres que les visiteurs ouvrent un à la fois. Il convient aux FAQ, aux listes de fonctions et aux contenus longs qui se lisent mieux par parties. Vous obtenez une pile de questions dont les réponses s’ouvrent au clic. L’exemple construit trois questions pour une page FAQ d’agence. 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: 'Ajouter un panneau repliable' description: |- Utilisez un panneau repliable, aussi appelé accordéon, quand vous voulez une liste de titres que les visiteurs ouvrent un à la fois. Il convient aux FAQ, aux listes de fonctions et aux contenus longs qui se lisent mieux par parties. Vous obtenez une pile de questions dont les réponses s’ouvrent au clic. L’exemple construit trois questions pour une page FAQ d’agence. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:23:29+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/fr/hc/documentation/apprendre-dxpr-builder/mise-en-page/panneau-repliable' articleSection: 'Mise en page' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/mise-en-page/panneau-repliable' description: |- Utilisez un panneau repliable, aussi appelé accordéon, quand vous voulez une liste de titres que les visiteurs ouvrent un à la fois. Il convient aux FAQ, aux listes de fonctions et aux contenus longs qui se lisent mieux par parties. Vous obtenez une pile de questions dont les réponses s’ouvrent au clic. L’exemple construit trois questions pour une page FAQ d’agence. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Accueil item: 'https://dxpr.com/fr' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: fr --- [Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Créer des pages](/fr/hc/documentation/learn-dxpr-builder/build) /[Ajouter du contenu](/fr/hc/documentation/learn-dxpr-builder/elements) /[Mise en page](/fr/hc/documentation/learn-dxpr-builder/layout/overview) # Ajouter un panneau repliable. Apprendre DXPR BuilderCréer des pagesAjouter du contenuMise en page ## Dans ce guide Guides associés - [Ajouter un panneau d’onglets](/fr/hc/documentation/apprendre-dxpr-builder/mise-en-page/panneau-d-onglets) - [Créer une page FAQ](/fr/hc/documentation/apprendre-dxpr-builder/tutoriels/page-faq) - [Ajouter une mise en page imbriquée](/fr/hc/documentation/apprendre-dxpr-builder/mise-en-page/mise-en-page-imbriquee) Utilisez un panneau repliable, aussi appelé accordéon, quand vous voulez une liste de titres que les visiteurs ouvrent un à la fois. Il convient aux FAQ, aux listes de fonctions et aux contenus longs qui se lisent mieux par parties. Vous obtenez une pile de questions dont les réponses s’ouvrent au clic. L’exemple construit trois questions pour une page FAQ d’agence. ## Ajouter un panneau repliable 1. Cliquez sur **+** sur une section et choisissez **Panneau repliable**depuis l’onglet **Mise en page**. Il arrive avec un volet. 2. Ouvrez les réglages du panneau depuis son menu **Plus**. Choisissez avec **Collapse** si chaque volet démarre fermé. Ici c’est activé. Choisissez un **Expand icon** et cliquez sur **Save**. 3. Survolez le volet, ouvrez son menu **Plus** et choisissez **Paramètres**. Tapez la question comme **Toggle title** et cliquez sur **Save**. 4. Cliquez sur la question pour ouvrir le volet. Cliquez sur **+** dedans, choisissez **Texte** et tapez la réponse. 5. Cliquez sur **Add toggle** sur la barre de contrôle du panneau pour la question suivante. Les nouveaux volets atterrissent en haut, donc ajoutez la dernière question d’abord. 6. Cliquez sur **Save** dans la barre d’outils. En mode Preview, cliquez sur une question pour vérifier que sa réponse s’ouvre. ## Ce que vous voyez Chaque question est un titre avec l’icône d’expansion choisie. Un clic ouvre sa réponse en dessous, et la réponse ouverte se ferme. Avec **Collapse** désactivé, la première réponse est ouverte au chargement de la page. Les réponses restent dans le HTML de la page quand elles sont fermées, donc les moteurs de recherche peuvent toujours les lire. ## Régler votre panneau repliable L’élément **Panneau repliable** a deux réglages, sous **Plus** > **Paramètres**dans sa barre de contrôle. | Réglage | Rôle | Défaut | |---|---|---| | **Collapse** | Activé : chaque volet démarre fermé. Désactivé : le premier volet démarre ouvert | Désactivé | | **Expand icon** | L’icône à côté de chaque titre : **None**, **+** (plus et moins) ou **﹀** (une flèche) | None | Chaque volet a un réglage, **Toggle title** : la question ou le titre sur lequel les visiteurs cliquent. ## Gérer les volets - **Réordonner** : glissez un volet par **Toggle** dans sa barre de contrôle et déposez-le au-dessus ou au-dessous d’un autre. - **Renommer** : survolez le volet, ouvrez **Plus** > **Paramètres**, changez **Toggle title** et cliquez sur **Save**. - **Retirer** : survolez le volet, ouvrez **Plus** et choisissez **Delete**. La réponse dedans part avec lui. Un volet contient n’importe quels éléments : texte, images, boutons ou une ligne avec des colonnes. Gardez chaque réponse courte. Si une réponse a besoin de sa propre page, liez plutôt cette page. ## Si rien ne s’affiche - **La nouvelle question apparaît en haut.** **Add toggle** insère toujours en haut du panneau. Glissez le volet par **Toggle** dans sa barre de contrôle où vous voulez. - **Les réglages ne montrent que Toggle title.** Vous avez ouvert les réglages d’un seul volet. Survolez le bord haut du panneau pour afficher la barre de contrôle **Panneau repliable**, puis ouvrez **Plus** > **Paramètres** là. - **La première réponse est ouverte au chargement de la page.** **Collapse** est désactivé. Activez-le dans les réglages **Panneau repliable** pour que chaque réponse démarre fermée. - **Panneau repliable manque dans l’onglet Mise en page du sélecteur.**Votre profil d’utilisateur DXPR Builder l’exclut. Un administrateur coche **Accordion** sous **Elements** dans votre profil à `/admin/dxpr_studio/dxpr_builder/profile`. ## Et ensuite ? - [Ajouter un panneau d’onglets](/fr/hc/documentation/apprendre-dxpr-builder/mise-en-page/panneau-d-onglets) : montrer du contenu lié côte à côte plutôt qu’empilé. - [Tutoriel de page FAQ](/fr/hc/documentation/apprendre-dxpr-builder/tutoriels/page-faq) : construire une page FAQ entière autour d’un panneau repliable. - [Ajouter une mise en page imbriquée](/fr/hc/documentation/apprendre-dxpr-builder/mise-en-page/mise-en-page-imbriquee) : mettre des lignes et colonnes dans un volet.