> For the complete documentation index, see [llms.txt](https://docs.khepri.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.khepri.design/seiten-pflegen-pagebuilder/layouts-blocke-erstellen/design-elemente/akordeon.md).

# Akordeon

Das Akordeon ist ein vielseitiges und optisch sehr ansprechendes Element, mit welchem du viel Information auf kleinem Raum unterbringen kannst.\
Auf unserer [Demo-Seite](https://demo.khepri.design/#faq) verwenden wir dieses Element um ein kleines FAQ zu simulieren.

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

Dieses besteht aus 3 Rubriken, welche einzeln aufgeklappt werden können und weitere Informationen enthalten.

Erstellst du einen Akordeon-Block in der Administration, öffne die Einstellungen per Doppelklick oder über das Stift-Icon.

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

Noch ist das Akordeon leer. Klicke auf "Klicken um ein Akordeon Element hinzuzufügen" um ein Akordeon Element (Rubrik) zu erstellen und in den Einstellungen zu landen.

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

**Element Titel:** Wähle den Titel, auf welchen geglickt werden muss um den Inhalt zu öffnen.

**Inhalt:** Ähnlich wie du es von den Layouts gewohnt bist, kannst du hier Blöcke hinzufügen. Zum Beispiel Bilder, Texte oder Trenner.

Du kannst jeder Zeit weitere Akordeon-Rubriken hinzufügen. Klicke oben in der Leiste auf "Akordeon" um zurück in die Akordeon-Übersicht zu gelangen.

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

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