Mit dem Accordion-Shortcode können Inhalte kompakter dargestellt werden.
Umsetzungsbeispiel
Das Attribut hstart steuert die Überschriebene der einzelnen Fächer. Um ein Accordion zu verschachteln, wird „accordion“ und „accordion-item“ verwendet. Icon-Namen werden aus der Font Awesome 6 Bibliothek ausgewählt.
- Eine Liste mit
- verschiedenen
- Aufzählungspunkten
Text A
Text B
Hier der Text zu Thema 3
Shortcode
[collapsibles hstart="3"]
[collapse title="Voraussetzungen" icon="solid frog"]
- Eine Liste mit
- verschiedenen
- Aufzählungspunkten
[/collapse]
[collapse title="Prüfungsstoff" icon="solid book"]
[accordion hstart="4"]
[accordion-item title="Titel 1"]
Text A
[/accordion-item]
[accordion-item title="Titel 2"]
Text B
[/accordion-item]
[/accordion]
[/collapse]
[collapse title="Modulhandbuch" icon="solid seedling" color="nat"]
Hier der Text zu Thema 3
[/collapse]
[/collapsibles]