Aufklappbare Inhalte sind praktisch: Besucher sehen zuerst nur eine Überschrift und öffnen die Antwort, wenn sie sie brauchen. Für Fragen und Antworten, Preisdetails oder Hinweise zum Versand ist das ideal, weil die Seite kompakt bleibt. Divi 5 bringt dafür zwei Module mit: den Umschalter (englisch „Toggle“) für ein einzelnes Element und das Akkordeon für mehrere zusammenhängende.
Ich zeige beide Wege, was sie unterscheidet und worüber ich beim Ausprobieren gestolpert bin. Getestet mit Divi 5.13 (deutsche Oberfläche), Stand Oktober 2026. Die Beschriftungen stehen so da, wie Divi sie anzeigt.
Welches Modul wofür?
| Umschalter | Akkordeon |
|---|
| Anzahl Einträge | einer pro Modul | beliebig viele in einem Modul |
| Startzustand | per „Zustand“ wählbar: „Öffnen“ oder „Schließen“ | erster Eintrag ist offen |
| Verhalten beim Klick | öffnet und schließt sich | öffnet den gewählten Eintrag und schließt die anderen |
| Geeignet für | einzelne Zusatzinfo | FAQ-Listen |
Die Angaben zum Verhalten habe ich auf der veröffentlichten Seite nachgeprüft, sie stammen nicht nur aus der Oberfläche.
Das Akkordeon für mehrere Fragen
Modul einfügen
Öffne die Seite im Visual Builder, klick in der Spalte auf das graue Plus und such nach „Akkordeon“. Divi legt ein Modul mit zwei Einträgen an, beide mit dem Platzhalter „Dein Titel Steht Hier“. Der erste ist aufgeklappt und zeigt einen langen Platzhaltertext.
Das Akkordeon direkt nach dem Einfügen.Einträge beschriften
In der Gruppe „Elemente“ stehen die Einträge als Liste. Ein Klick auf das Stift-Symbol öffnet den Eintrag, oben heißt das Einstellungsfeld „Akkordeon-Element“. In der Gruppe „Text“ trägst du den „Titel“ ein, die Frage, und darunter den „Fließtext“, die Antwort. Der Editor hat zwei Reiter: „Visuell“ und „Text“. Im Reiter „Text“ schreibst du die Antwort als HTML, zum Beispiel <p>…</p>.
Titel und Antwort eines Akkordeon-Eintrags.Weitere Einträge legst du unter „Elemente“ mit „Element Hinzufügen“ an. Es öffnet sich die Modulauswahl, dort wählst du „Akkordeon-Element“. Wie beim Kontaktformular gilt: Das Hinzufügen öffnet immer die allgemeine Auswahl, nicht nur die passenden Bausteine.
Das Symbol anpassen
Rechts neben jeder Frage sitzt ein Plus-Symbol. Es lässt sich in der Gruppe „Toggleicon“ austauschen. Dort wählst du unter „Icon“ ein anderes Symbol aus.
Unter „Toggleicon“ wählst du das Symbol.Farben, Schrift und Abstände stellst du im Reiter „Design“ ein. Dort stehen unter anderem „Icon“, „Umschalter“, „Titeltext“, „Text Für Geschlossenen Titel“ und „Hauptteil“. Die Einträge „Titeltext“ und „Text Für Geschlossenen Titel“ legen fest, wie die Frage im geöffneten und im geschlossenen Zustand aussieht.
Das fertige Akkordeon mit drei Fragen im Builder.So verhält es sich auf der Seite
Beim Laden der Seite ist der erste Eintrag offen, die anderen sind zu.
Beim Laden ist der erste Eintrag geöffnet.Klickst du einen anderen Eintrag an, öffnet er sich und der erste klappt zu.
Es ist immer genau ein Eintrag offen.Stolperfalle: Ein Klick auf den bereits offenen Eintrag schließt ihn nicht, es bleibt immer einer geöffnet. Wenn alle Fragen zu sein sollen, ist das Akkordeon nicht das richtige Modul. Nimm dann mehrere einzelne Umschalter.
Der Umschalter für einzelne Inhalte
Such nach „Umschalter“ und füge das Modul ein. In der Gruppe „Text“ stehen „Titel“ und „Inhalt“. Dazu kommt die Gruppe „Zustand“ mit der Auswahl „Schließen“ oder „Öffnen“, so legst du fest, ob der Umschalter zugeklappt oder offen startet. Die Beschreibung in Divi lautet: „Auswahl, ob dieser Umschalter in offenem oder geschlossenem Zustand gestartet wird.“
Standardmäßig steht der Zustand auf „Schließen“.
Mit „Öffnen“ startet der Umschalter aufgeklappt.Auf der veröffentlichten Seite startete mein Umschalter mit dem Zustand „Öffnen“ aufgeklappt. Ein Klick auf den Titel klappte ihn zu. Anders als das Akkordeon öffnet und schließt sich der Umschalter also bei jedem Klick.
Andere Inhalte umschalten
Wenn du nicht Text auf- und zuklappen, sondern zwischen zwei Inhaltsblöcken wechseln willst (zum Beispiel Monatspreise und Jahrespreise), sind die Interaktionen in Divi 5 der passende Weg. Im Reiter „Erweitert“ gibt es dafür unter „Interaktionen“ die Effekt-Aktionen „Sichtbarkeit Umschalten“, „Element Anzeigen“ und „Element Ausblenden“. Wie das Prinzip funktioniert, zeige ich in der Anleitung zum Video-Overlay mit Interaktionen.
Häufige Fragen
Gibt es einen Plugin-Ersatz für das Akkordeon?
Zusatzplugins bringen oft stärker gestaltbare Varianten mit, mehr dazu in der Übersicht der Divi-Plugins. Für normale FAQ-Listen reicht das eingebaute Modul.
Mehr zu Divi bekommst du direkt bei Elegant Themes (Werbung).
