Piratenkleider bietet seit der Version 3.1 Accordions für Seiten und Artikel an. Damit können Inhaltsbereiche einfach auf-, bzw zugeklappt werden.
Diese Seite verdeutlicht es selbst, indem Sie selbst mit einem Accordion aufgebaut ist.
HTML-Code für Accordions
Zur Verwendung ist es notwendig, HTML-Anweisungen mittels des Text-Editors einzugeben:
<div class="accordion"> <h2>Teil 1</h2> <div> Text oder Inhalt zu Teil 1</div> <h2>Teil 2</h2> <div> Text oder Inhalt zu Teil 2</div> <h2 class="orange">Teil mit orangenen Hintergrund</h2> <div> Text oder Inhalt </div> <h2 class="blue">Teil mit blauen Hintergrund</h2> <div> Text oder Inhalt </div> <h2 class="green">Teil mit grünen Hintergrund</h2> <div> Text oder Inhalt </div> <h2 class="gray">Teil mit grauen Hintergrund</h2> <div> Text oder Inhalt </div> </div>
Farben
Folgende Farben können für den Hintergrund des Schalters (der Bereich der durch die h2-Überschrift gemacht wird) gesetzt werden:
- blue
- green
- gray
- orange