Toggle-Akkordeon

Dies ist eine Testseite für unser JS-Toggle-Akkordeon. Wie das Trigger-Akkordeon benutzt auch dieses ein automatisiertes Skript, welches beliebige Jimdo-Elemente in Akkordeon-Elemente umwandelt.

Die Anwendung ist einfach:

1. Trigger erstellen

Als Trigger (= Auslöser für Akkordeon-Element) kann ein beliebiges Jimdo-Element dienen. Um dieses in ein Trigger-Element umzuwandeln, wird direkt unter dem Element ein html-Widget angelegt, welches das Skript für das darüberliegende Element aktiviert.

Die Aktivierungs-Widgets können beliebig oft auf einer Seite dupliziert und eingesetzt werden.

2. Content erstellen

Die Inhalte der Akkordeon-Elemente werden entweder in einem gesonderten Bereich am Ende der Seite angelegt, oder direkt unter den Trigger-Elementen. Als Content können beliebige Jimdo-Standardelemente eingesetzt werden (auch Spalten-Elemente) - manche Jimdo Standard-Galerien werden jedoch nicht in allen Browsern fehlerfrei wiedergegeben.

Um ein Jimdo-Element in ein Content-Element umzuwandeln, wird wie bei den Trigger-Elementen auch unter dieses ein html-Widget gelegt, welches das entsprechende Skript für das darüberliegende Element auslöst. Die Reihenfolge der Content-Elemente muss dabei jedoch zwingend der Reihenfolge der Trigger-Elemente entsprechen.

Beispiel:

Trigger 0

Für dieses Akkordeon-Element haben wir als Auslöser ein Bild-mit-Text-Element gewählt.

Trigger 1

Für dieses auch...

Überschrift 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

...mehr (Trigger 2)

Überschrift 2

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

...mehr (Trigger 3)