> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/inhalt-content/akkordion.md).

# Akkordion

Mit diesem interaktiven Element können mehrere Informationsblöcke in **zusammenklappbaren Abschnitten** organisiert werden. Dies hilft, lange Textabschnitte übersichtlich zu gestalten und dem Benutzer die Möglichkeit zu geben, Inhalte bei Bedarf auszuklappen und wieder zu schließen.

{% hint style="info" %}
**Was ist das Akkordion - Element?**

Jeder Abschnitt des Akkordeons besteht aus einem **Titel** und einem versteckten Inhalt, der bei Klick auf den Titel sichtbar wird. So können Inhalte, wie FAQs, Produktdetails oder Anleitungen, organisiert werden, ohne dass die Seite überladen wirkt.
{% endhint %}

<figure><img src="/files/vEre7XIl70yUWcgib0vd" alt=""><figcaption></figcaption></figure>

### Akkordion - Einstellungen

<figure><img src="/files/47cp5Bx89wF2i5bJP5Oa" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="266">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Sortierungsfunktion (1)</td><td>Duplizieren, verschieben und löschen der einzelnen Elemente</td></tr><tr><td>Titel des Eintrags (2)</td><td>Hier kannst du den Titel des Eintrags setzen</td></tr><tr><td>Inhalt des Eintrags (3)</td><td>Hier kannst du den Inhalt des Eintrags setzen</td></tr><tr><td>Neuer Eintrag (4)</td><td>Hier kannst du beliebig viele weitere Einträge hinzufügen</td></tr><tr><td>Eintrag geöffnet (4)</td><td>Hier kannst du einstellen, ob der Eintrag standardmäßig beim Laden der Seite geöffnet sein soll</td></tr></tbody></table>

### Erweiterte - Einstellungen

<figure><img src="/files/AqkH7WnnxJh93OvDj1K7" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="266">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Vertikale Ausrichtung (1)</td><td>Hier kannst du die vertikale Ausrichtung des gesamten Elements festlegen. Wenn das Akkordion neben einem optisch höheren Element dargestellt wird, kommt diese Funktion zur Geltung.</td></tr><tr><td>Anzeigemodus (2)</td><td><strong>Nur ein Eintrag ausklappbar</strong>, oder <strong>mehrere Einträge gleichzeitig ausklappbar</strong></td></tr><tr><td>Überschrift (3)</td><td>Setze eine Überschrift über das Akkordion</td></tr><tr><td>Beschreibung (4)</td><td>Setze eine Beschreibung über das Akkordion</td></tr></tbody></table>

### SEO - Einstellungen

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}