Für TYPO3: Bootstrap-Akkordeon ohne Extension

Wir verwenden gerne TYPO3. Dabei möchten wir möglichst wenige Extensions einbinden (Ausführliches dazu hier). Wer auf seiner Website das Bootstrap-Framework eingebunden hat, kann dessen Collapse-Funktion nutzen und mit TypoScript ein Accordion für die Anzeige von aufklappbaren Inhalten bauen. Für die Inhaltselemente Text und Text mit Bild findet Ihr unten den Code.

Im Inhaltselement soll unter Erscheinungsbild -> Einrückung und Rahmen eine zusätzliche Option Akkordeon erscheinen. Dazu wird Code 1 in die Page TsConfig der Seite eingetragen, auf der die Option zur Verfügung stehen soll, sonst natürlich in der Root-Seite Eurer Website.

Jetzt ist die zusätzliche Option im Backend anwählbar. Für den Dropdown-Effekt im Frontend wird das TypoScript angepasst (Code 2).

Bitte beachtet, dass jQuery und das Bootstrap-JavaScript eingebunden sein müssen.

Foto: © Otto Durst - Fotolia.com