Accordion in Accordion

Eine Testseite in der ein Accordion mit Oberbereichen A, B, D jeweils Unterelemente 1, 2,3 und 4, 5 und 6, 7, 8, 9  hat. Außerdem gibt es ein Oberelement C ohne Unteraccordions.

 

 

 

Wie geht das?

Da WordPress kein Shortcode mit gleichen Namen innerhalb von sich selbst erlaubt, wurde neben [collapsibles]] ein weiterer Shortcode [[accordion]]  und noch ein weiteres mit den Namen [[accordionsub]] mit selber Funktion für die Accordions definiert.

Als großes umrandendes Accordion wird der Shortcode [[collapsibles]] verwendet. In dem inneren Bereich eines [[collapse]] Element wird dann eben als neues Unter-Accordion [[accordion]] verwendet.

Beispiel-Shortcodes:

[[collapsibles]]
[[collapse title="A" color="tf"]]
Hier der Text

[[accordion]]
[[accordion-item title="1" color="med"]]
Hier der Text
[[/accordion-item]]
[[accordion-item title="2" color="fau"]]
Hier der Text
[[/accordion-item]]
[[accordion-item title="3" color=""]]
Hier der Text
[[/accordion-item]]
[[/accordion]]

[[/collapse]]

[[/collapsibles]