Accordions verschachteln
Manchmal reicht ein einzelnes Accordion nicht aus, um die gewünschte übersichtliche Struktur zu schaffen. In diesem Fall können Sie einfach ein weiteres Accordion im Accordion platzieren.
Achten Sie bei verschachtelten Accordions auf die Überschriften-Hierarchie – beginnt das äußere Accordion beispielsweise mit Überschriftenebene H2 (hstart="2"), müssen die inneren Accordions die Ebene H3 erhalten (hstart="3")
Beispiel-Accordion
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Inneres Accordion 1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Inneres Accordion 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Inneres Accordion 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Ein inneres Akkordeon hinzufügen
Beginnen Sie, indem Sie ein ganz normales Accordion erstellen mitcollapsibles hstart="".
Fügen Sie dann das innere Accordion in einem der Reiter ein mithilfe des Codesaccordion hstart="".
Die Accordionabschnitte heißen hier nicht collapsible, sondern accordion-item.
Beispiel-Code
[collapsibles hstart="2"]
[collapse title="Äußerer Accordionreiter" name="outeraccordion"]
[accordion hstart="3"]
[accordion-item title="Inneres Accordion 1" name="inneraccordion1"]
[/accordion-item]
[accordion-item title="Inneres Accordion 2" name="inneraccordion2"]
[/accordion-item]
[/accordion]
[/collapse]
[/collapsibles]
collapsibles hstart="2" – Öffnet das Accordion und legt als Überschriftenebene H2 fest. Mit [/collapsibles] wird das Accordion abgeschlossen.
collapse title="Äußerer Accordionreiter" name="outeraccordion" – Legt den Titel und Namen (für Sprungmarken) des äußeren Accordions fest.
accordion hstart="3" – Öffnet ein inneres Accordion und legt Überschriftenebene H3 fest. Mit [/accordion] wird der Reiter geschlossen.
accordion-item title="Inneres Accordion 1" name="inneraccordion1" – Legt den Titel und Name (für Sprungmarken) des inneren Accordions fest. Mit [/accordion-item] wird das innere Accordion abgeschlossen.