# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/elemente/inhalt-content/akkordion.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.