Akkordeon accordion

Akkordeon

Das Akkordeon-Element (je ein Klapp-Element) benutzt zwei Interaktionen. Drei Akkordeon-Elemente sind von Haus aus angelegt. Um weitere Elemente hinzuzufügen müssen folgende Schritte gemacht werden:

1. Bestehendes Element kopieren.
2. css-Klasse des kopierten Content-Elements (z.B. accordeon__content-1) kopieren und neu benennen (z.B. accordeon__content-4).
3. Dem Element accordeon__content-4 die Interaction "accordion-display none on" zuweisen.
4. Dem Elemtent accordeon-button muss nun die richtige Animation zugewiesen werde. Dazu den Button des 4. Element auswählen, in den Interaction-Reiter wechseln, Legacy-Interactions oben auswählen und dann für das 4. Elemente accordeon-toggle-4 auswählen.
5. Die Animation accordeon-toggle-4 bearbeiten. Unter Trigger->Trigger type das Element auswählen, das animiert werden soll. Hier accordeon__content-4.