.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.

.. include:: ../../../Includes.txt


.. _editors_content_accordionortab:


Akkordeon oder Reiter (Tabs)
============================

.. figure:: accordion_frontend_01.jpg
	:width: 300px
	:alt: Accordion im Frontend am Beispiel einer Kandidat*in für eine Bezirkstagswahl

	Accordion im Frontend am Beispiel einer Kandidat*in für eine Bezirkstagswahl

.. figure:: accordion_backend_01.jpg
	:width: 300px
	:alt: Inhaltselement Accordion im Backend in der Seitenansicht

	Das selbe Accordion im Backend in der Seitenansicht

.. figure:: accordion_backend_02.jpg
	:width: 300px
	:alt: Inhaltselement Accordion im Backend

	Inhaltselement Accordion im Backend


Warum?
------

Mit Akkordions und Reitern (Tabs) kannst Du eine Menge Inhalt bei geringem Platzverbrauch unterbringen.
Die Struktur des Inhalts kann von der Besucher*in Deiner Website schnell erfasst werden.
Du kannst der Besucher*in Informationen in einer Menge anbieten, die normalerweise nicht auf eine Bildschirmseite passen,
die Besucher*in aber lesen kann, ohne Scrollen zu müssen.

Bester Anwendungsfall
^^^^^^^^^^^^^^^^^^^^^

Das 10-Punkte Programm! Es werden nur die Überschriften der 10 Punkte dargestellt, die Besucher*in kann diese auf- und zuklappen.


Arbeitsablauf
-------------

* Du öffnest im Backend die Seite, auf der Du das Accordion oder die Reiter einsetzen möchtest.

* Du fügst das Inhaltselement [Raster-Element] ein.

* Du wählst das Raster-Layout [Start: Accordion & Tabs]

* Du wählst den Section Type [Accordion]

* Speichern und Schließen

* Jetzt kannst Du dem Accordion oder den Tabs beliebig viele Text-Element zuordnen