Akkordeon

Oft genutzt für häufig gestellte Fragen oder platzsparende Darstellung von Informationen die sich in Teilbereiche aufteilen lassen.

Variante 1

Beaver Builder Akkordeon Modul - Der Inhalt kann aus statischem Text oder gespeicherten Komponenten bestehen. Es lassen sich auch Posts dyn. in diesem Modul als einzelne Abschnitte ausgeben. Laben und Inhalt der Elemente sind farblich nicht voneinander oder dem Hintergrund abgetrennt.

Ich bin der Inhalt des FAQ Elements und kann aus statischem Text oder auch aus Komponenten wie gespeicherten Modulen, Spalten, Zeilen oder Vorlagen bestehen. Es ist möglich Text mit simplen Formatierungen zu versehen. Es ist sogar möglich dynamische Inhalte wie z.B. Beiträge oder CPTs im Inhalt des Akkordeons auszugeben.

Auch kann das erste Element wie hier aufgeklappt werden. Neben der Vorauswahl der Elementgröße von klein, mittel und groß, können natürlich auch Farben und Schriften angepasst werden.

Es lässt sich bestimmen, ob immer nur ein Element gleichzeitig geöffnet ist oder einmal geöffnete Elemente standardmäßig offen bleiben bis zum erneuten Klick auf den Kopf des Elements.

Variante 2

Variante 2 unterscheidet sich lediglich dadurch, dass Label sowie Hintergrund hier farblich voneinander abgetrennt sind. Eignet sich für Websites mit farbigen oder unruhigen Hintergrund. Farben können manuell angepasst werden bzw. sollten durch Look vorgegeben sein.

Ich bin der Inhalt des FAQ Elements und kann aus statischem Text oder auch aus Komponenten wie gespeicherten Modulen, Spalten, Zeilen oder Vorlagen bestehen. Es ist möglich Text mit simplen Formatierungen zu versehen. Es ist sogar möglich dynamische Inhalte wie z.B. Beiträge oder CPTs im Inhalt des Akkordeons auszugeben.

Auch kann das erste Element wie hier aufgeklappt werden. Neben der Vorauswahl der Elementgröße von klein, mittel und groß, können natürlich auch Farben und Schriften angepasst werden.

Es lässt sich bestimmen, ob immer nur ein Element gleichzeitig geöffnet ist oder einmal geöffnete Elemente standardmäßig offen bleiben bis zum erneuten Klick auf den Kopf des Elements.

Hinweise für Entwickler:

.arc-accordeon | Allg. Klasse für alle Variationen dieses Moduls.

.arc-accordeon--var-{n} | {n} wird hier jeweils durch die Nummer der Variante ersetzt.

Hinweis:

Nach oben scrollen