Accordion-Beispiel

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]