> 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="https://979401790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhE5Wp9rbNPrbLYqWCVUG%2Fuploads%2Ff5UAt8YExEvWzVbFYqsu%2FBildschirm%C2%ADfoto%202023-10-10%20um%2022.42.40.png?alt=media&amp;token=a3ff2e2b-c84d-42f8-9f36-e3e92d09e190" 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="https://979401790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhE5Wp9rbNPrbLYqWCVUG%2Fuploads%2FRklY70dv06lnqBjYM8Tr%2FBildschirm%C2%ADfoto%202023-10-10%20um%2022.45.30.png?alt=media&amp;token=d5e7638a-284d-4065-be44-b7f2aa4b18e9" 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="https://979401790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhE5Wp9rbNPrbLYqWCVUG%2Fuploads%2FecnBvwkphMU4tngBkkto%2FBildschirm%C2%ADfoto%202023-10-10%20um%2022.46.19.png?alt=media&amp;token=4bf36cee-65b1-483a-8a04-4ceafc1bc5c9" 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="https://979401790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhE5Wp9rbNPrbLYqWCVUG%2Fuploads%2FXIG0194yqXu1r1UbBrk3%2FBildschirm%C2%ADfoto%202023-10-10%20um%2022.46.58.png?alt=media&amp;token=bbf85c91-8543-4f25-9ffc-4e3ff5d377cb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://979401790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhE5Wp9rbNPrbLYqWCVUG%2Fuploads%2FG9A1q6m41xNCNriXD2Nl%2FBildschirm%C2%ADfoto%202023-10-10%20um%2022.48.01.png?alt=media&amp;token=ba8431f6-c1c3-4bf7-96f4-dd63bcc2e0ce" alt=""><figcaption></figcaption></figure>