Section-Akkordeon

Quelle: https://codepen.io/abergin/pen/ihlDf

Adaption für Jimdo-Webseiten: redesign-berlin.de

 

Das Section-Akkordeon funktioniert prinzipiell wie das Platzhalter-Akkordeon, allerdings können für den Content der Akkordeon-Elemente verschiedene Standardelemente zu "Sections" zusammengefasst werden. Das ermöglicht, auch mehrere Spaltenelemente für den Inhalt eines Akkordeon-Elementes zu benutzen.

Placeholder for Accordions

Placeholder Accordion 1

Placeholder Accordion 2

Placeholder Accordion 3


HowToDo

...es heißt entweder Akkordeon (deutsch) oder Accordion (englisch) - der Autor ist hier manchmal ausgerutscht

  1. Placeholder anlegen
    Für jedes einzelne Akkordeon-Element gibt es ein eigenes Widget (Placeholder). Die Widgets können zusammen in einem einzigen Jimdo html-Widget angelegt werden, oder einzeln in eigene html-Widget-Elemente je gewünschtem Akkordeon (...letztere Methode ermöglicht das Einsetzen von einfachen Jimdo-Standardelementen zwischen den einzelnen Akkordeon-Elementen).

Dateiablage: Ein externer Fileserver ist der Ablage auf der eigenen Jimdo-Seite vorzuziehen, da die Dateien nicht per ftp auf die Jimdo-Seite geladen werden können.

 

  1.  
  2. Content für die Trigger (=Auslöser) des Akkordeons anlegen
    Jeder Trigger wird in einem Jimdo-Standard Spaltenelement erstellt. Dieses wird mithilfe eines darunter angelegten Widgets als Trigger definiert und automatisch in den Platzhalter des jeweiligen Akkordeons verschoben.
Trigger für Akkordeon
Trigger für Akkordeon
  1.  
  2.  
  3. Content für die Aufklapp-Elemente des Akkordeons anlegen
    Der Inhalt der Aufklapp-Elemente kann ebenfalls aus Jimdo-Standardelementen erstellt werden. Diese werden mithilfe eines darüber und eines darunter angelegten Widgets als Sections definiert und automatisch in den Platzhalter des jeweiligen Akkordeons verschoben.
Content für Akkordeon
Content für Akkordeon

2. Content for TriggerElements

Accordeon-Element 1 (Trigger)

Das ContentSection-Akkordeon arbeitet mit einem Contentbereich, der mithilfe zweier "Klammer"-Skripte zu einem Section-Block zusammengefasst wird. Innerhalb dieser Klammern können beliebige Jimdo-Standardelemente eingesetzt und mit den Jimdo Standardfunktionen editiert werden wie gewohnt.

 

...mehr/weniger lesen


Move TriggerElement above to Accordeon1

Accordeon-Element  2 (Trigger)

Das ContentSection Akkordeon besteht aus drei Teilen:

  • Platzhalter für die Akkordeons (Platzhalter für Trigger und Inhalte)
  • Content für Trigger-Elemente (Jimdo-Standard-Spaltenelemente für Auslöser)
  • Content für Ausklappbare Bereiche (öffnende Klammer / Jimdo Standardelemente / schliessende Klammer)

 

...mehr/weniger lesen


Move TriggerElement above to Accordeon2

Accordeon-Element 3 (Trigger)

Auch die Inhalte der Trigger (= Auslöser) für die Akkordeons werden im Contentbereich gesetzt und durch ein Skript an den jeweiligen Platzhalter verschoben.

 

...mehr/weniger lesen


Move TriggerElement above to Accordeon3

3. Content for Accordeons

Content for Accordeon1

Content für Akkordeon 1

Dies ist der Content für das erste Akkordeon auf der Seite. Er besteht aus mehreren Jimdo-Standardlementen, die untereinander angeordnet und duch zwei Skripte zu einer ContentSection zusammen gebunden wurden.

 

Limited Edition

Bestseller

Neu im Shop


Unsere Designs

Duis autem vel eum iriure dolor in hendre in vulputate velit.

Unsere Läden

Ut wisi enim ad minim veniam, quis nostrud exerci tation.

Unser Online-Shop

Consetetur sadipsci elitr, sed diam nonumy eirmodit.


eof ContentSection and move to Accordeon1

Content for Accordeon2

Content für Akkordeon 2

Dies ist der Content für das zweite Akkordeon auf der Seite. Er besteht aus ebenfalls mehreren Jimdo-Standardlementen, die untereinander angeordnet und duch zwei Skripte zu einer ContentSection zusammen gebunden wurden.

 


eof ContentSection and move to Accordeon2

Content for Accordeon3

Content für Akkordeon 3

Dies ist der Content für das dritte Akkordeon auf der Seite. Er besteht ebenfalls aus mehreren Jimdo-Standardlementen, die untereinander angeordnet und duch zwei Skripte zu einer ContentSection zusammen gebunden wurden.

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Hinweis: Bitte die mit * gekennzeichneten Felder ausfüllen.


eof ContentSection and move to Accordion3

skripte