Accordion Open-all Button
Die Accordion-Funktion des Element-Plugins ermöglicht ihnen eine kompakte, übersichtliche Darstellung von Informationen auf ihrer Website.
Accordions mit „Open-All“ Button
Gericht 1
Gericht 2
Gericht 3
Gericht 2
Gericht 3
Gericht 4
Gericht 5
Gericht 6
Gericht 5
Gericht 6
Gericht 7
Gericht 8
Gericht 9
Gericht 8
Gericht 9
Gericht 10
Gericht 11
Gericht 12
Gericht 11
Gericht 12
Gericht 13
Gericht 14
Gericht 15
Gericht 14
Gericht 15
Gericht 16
Gericht 17
Gericht 18
Gericht 17
Gericht 18
Genutzter Code im Beispiel:
[collapsibles expand-all-link="true"]
[collapse title="Montag" color="" name="Montag"]
Gericht 1
Gericht 2
Gericht 3
[/collapse]
[collapse title="Dienstag" color="" name="Dienstag"]
Gericht 4
Gericht 5
Gericht 6
[/collapse]
[collapse title="Mittwoch" color="" name="Mittwoch"]
Gericht 7
Gericht 8
Gericht 9
[/collapse]
[collapse title="Donnerstag" color="" name="Donnerstag"]
Gericht 10
Gericht 11
Gericht 12
[/collapse]
[collapse title="Freitag" color="" name="Freitag"]
Gericht 13
Gericht 14
Gericht 15
[/collapse]
[collapse title="Samstag" color="" name="Samstag"]
Gericht 16
Gericht 17
Gericht 18
[/collapse]
[/collapsibles]
Bedeutung der Parameter im Code
Um ihre Accordions auf die eigene Fakultät abzustimmen oder nach persönlichen Wünschen zu gestalten, können Sie die folgenden Parameter verwenden.
Parameter | Erklärung | Beispiel eines gefüllten Parameters |
title = " " | Erzeugt die Überschrift im Accordionbalken | title = "Meine Überschrift" |
load= "" | Das Akkordionfach ist beim Laden der Seite geöffnet | load = "open" |
color = " " | Färbt den Accordionbalken in eine der folgenden Fakultätsfarben:
philfak | Philosophische Fakultät und Fachbereich Theologie medfak | Medizinische Fakultät natfak | Naturwissenschaftliche Fakultät rwfak | Rechts und Wirtschaftswissenschaftliche Fakultät techfak | Technische Fakultät Wird das Attribut leer gelassen, ist es die Standard-FAU Farbe |
color = "philfak" |
expand-all-link="" | Erzeugt einen Button um alle Akkordionfächer auf einmal zu öffnen | expand-all-link="true" |