Navigation

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.

Verschachtelte Accordion’s

Alle Accordionfarben im Überblick

Hier der Text

Hier der Text

Hier der Text

Hier der Text

Hier der Text

Hier der Text

Inhalt 2. Feld

Übersicht des Codes:


Beginnen Sie, indem Sie ein ganz normales Accordion erstellen mit [collapsibles].
Fügen Sie dann das innere Accordion in einem der Fächer ein mithilfe des Codes 
[accordion]. Die Accordionabschnitte heißen hier anstelle von
[collapse title="" name=""] [accordion-item].

Also wie folgt:

[collapsibles]
[collapse title="Äußeres Accordionfach" name="äußeres Accordionfach"]
[accordion]
[accordion-item title="inneres Accordionfach 1" name="inneresfach1"] [/accordion-item]
[/accordion]
[/collapse]
[/collapsibles]

Genutzer Code im Beispiel:


[collapsibles]
[collapse title="Accordionfarben" name="accfarben1"] Alle Accordionfarben im Überblick
[accordion]
[accordion-item title="Titel Accordion 1" color="phil" name="sprungmarke1"] Hier der Text [/accordion-item]
[accordion-item title="Titel Accordion 2" color="med" name="sprungmarke2"] Hier der Text [/accordion-item]
[accordion-item title="Titel Accordion 3" color="nat" name="sprungmarke2"] Hier der Text [/accordion-item]
[accordion-item title="Titel Accordion 4" color="rw" name="sprungmarke2"] Hier der Text [/accordion-item]
[accordion-item title="Titel Accordion 5" color="tf" name="sprungmarke2"] Hier der Text [/accordion-item]
[accordion-item title="Titel Accordion 6" color="fau" name="sprungmarke2"] Hier der Text [/accordion-item]
[/accordion]
[/collapse]
[collapse title="Zweites Feld" name="accfeld2"] Inhalt 2. Feld [/collapse]
[/collapsibles]