Accordions

La Liberté guidant le peuple

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