Akkordeons für Jimdo (Creator)

Auf dieser Seite und den Unterseiten werden verschiedene Methoden zur Erstellung von Akkordeons mit dem Jimdo Creator vorgestellt. Bei Interesse an Details bitte eine Nachricht über das Kontaktformular senden!

 

Weitere Versionen von Akkordeons für Jimdo auf folgenden Testseiten: 

https://redesign-stockholm.jimdofree.com/akkordeon/

- https://designtest-malaga.jimdofree.com/

 

Platzhalter-Akkordeon

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

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

 

Für dieses Akkordeon wird an der Stelle, wo das Akkordeon-Element erscheinen soll, ein Platzhalter per html-Widget in den Content gesetzt.

 

Die Elemente für die Trigger sowie für den Akkordeon-Content der einzelnen Akkordeon-Elemente werden weiter unten im Content-Bereich der Webseite mit Jimdo-Standardelementen in Spaltenelementen angelegt und per jQuery-Skript in die Platzhalter verschoben. 

Platzhalter-Akkordeon
Platzhalter-Akkordeon

Beispiele:

Platzhalter für Akkordeon-Elemente

Accordeon 1

Accordeon 2

Accordeon 3

Accordeon 4

Accordeon 5

Accordeon 6

Accordeon 7

 

 

Trigger für Akkordeon

Accordeon 1

make upper element trigger

Accordeon 2

make upper element trigger

Accordeon 3

make upper element trigger

Accordeon 4

make upper element trigger

Accordeon 5

make upper element trigger

Accordeon 6

make upper element trigger

Accordeon 7

make upper element trigger

 

 

Inhalte für Akkordeon

My Journey Around The World


make upper element section 1

Trails

Consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.

Places

Mihi quidem Antiochum, quem audis, satis belle videris attendere. Hanc igitur quoque transfer in animum dirigentes.

People

Tamen a proposito, inquam, aberramus. Non igitur potestis voluptate omnia dirigentes aut tueri aut retinere virtutem.


make upper element section2

Services

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur. Qua ex cognitione facilior facta est investigatio rerum occultissimarum. At coluit ipse amicitias.

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


make upper element section3

Service 1

Consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.

Service 1

Consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.

Service 1

Consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.


make upper element section4

Event Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur. Qua ex cognitione facilior facta est investigatio rerum occultissimarum. At coluit ipse amicitias.

make upper element section5

Impressions


make upper element section6

Location

Name

Street

City/ZIP

Email: info@email.com

Telephone: XXXXX / XX XX XX

Inhalte von Google Maps werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf die Cookie-Richtlinie (Funktionell), um den Cookie-Richtlinien von Google Maps zuzustimmen und den Inhalt anzusehen. Mehr dazu erfährst du in der Google Maps Datenschutzerklärung.

make upper element section7

openSection

Schedule 1

Incididunt

Lorem ipsum dolor sit amet, consectetu.

 

Consectetur

Ut suscipit imperdiet Nisl, non vitae blandit.

 

Simsalabim

Ut suscipit imperdiet nisl hest tempor.


closeSection1

openSection

Schedule 2

Incididunt

Lorem ipsum dolor sit amet, consectetu.

 

Consectetur

Ut suscipit imperdiet Nisl, non vitae blandit.

 

Simsalabim

Ut suscipit imperdiet nisl hest tempor.


closeSection2

skripte