Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Akkordeon Element
Hallo, ich bin Leider kein Experte und hoffe daher, dass Ihr mir bei diesem Problem helfen könnt.
Und zwar möchte ich eine Art DropDown auf verschiedenen Unterseiten einrichten. Nach ein bisschen Recherche bin ich hierauf gestoßen: "Link"
(Akkordeon für Jimdo Standard-Elemente) das ist so ziemlich das, was ich mir vorgestellt habe. Einziges Problem, mir ist Aufgefallen, dass man bei dieser Methode das Formular nicht ausfüllen kann, sobald man es anklickt schließt sich das Akkordeon wieder.
Zudem weiß ich Leider nicht, wie man so etwas Umsetzt. Es würde mir sehr weiterhelfen, wenn mir jemand helfen könnte. Vielen Dank schon mal. Lg Ben
Probieren tue ich das Ganze auf meiner Testseite: Design: Rome "Link" falls das benötigt wird :)

Probier mal diese Variante aus. Die funktioniert bei mir sehr gut.
https://codepen.io/raubaca/pen/PZzpVe
Hallo Charles, danke für Deine schnelle Antwort! Ich habe die Variante ausprobiert, die Du mir vorgeschlagen hast. Sie funktioniert auch einwandfrei. Allerding weiß ich nicht wie man bei der Variante jimdo-Standartelemente einbaut. Und die Mobile Ansicht gefällt mir bei der anderen Variante auch besser. Von daher eignet sie sich nicht so gut für mein Vorhaben.
Hättest Du eine Idee für die Variante, die ich geschrieben hatte? Wäre schön, wenn Du eine Lösung für mein Problem hättest. Lg Ben

Ich habe dazu einmal ein Widget geschrieben: https://designtest-hamburg.jimdo.com/sta.../css-akkordeon/
...mit diesem Widget kannst Du beliebig viele Akkordeon-Elemente auf Deiner Webseite mit Jimdo-Standard-Elementen anlegen. Bei der Methode können auch für den Auslöser der Akkordeons Standartelemente benutzt werden.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
ich habs mittlerweile mit diesem Tut geschafft: https://designtest-hamburg.jimdo.com/sta...rdeon-tutorial/.
Zu sehen auf https://www.jordan-brennholz.de/lieferung-abholung/.
Mit CSS nach deiner Anleitung hab ichs nicht versucht, da auf der Beispielseite das Akkordeon zu geht, wenn in ein Formularfeld geklickt wird. Außer das ist nur ein Bild =D
Vielen Dank @az_ für beide Tutorials

...aua! Diesen Fehler hatte ich eigentlich schon behoben! Vielleicht versehetlich eine alte CSS-Datei auf den Server geschoben.
Du meinst dieses hier: https://designtest-hamburg.jimdo.com/sta...c-m-13136438336 ?
a! Das war ein z-index-Fehler. Sollte jetzt aber wieder funktionieren!
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Jau, die ist ja auch nicht schlecht!
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

...in wie fern? bzw. wobei?
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

...Du meinst, wie hier: Funktion und Beschriftung von Warenkorbbutton für einzelnes Produkt ändern
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Zitat von az_ im Beitrag #13
...Du meinst, wie hier: Funktion und Beschriftung von Warenkorbbutton für einzelnes Produkt ändern
LG, az
brutal richtig! ;)
Hallo AZ
ich bin neu mit Jimdo unterwegs und möchte ebenfalls gerne ein Akkordeon einbauen. Nach langem hin und her bin ich nun am Verzweifeln, da es einfach nicht klappen will :(
Ich würde gerne folgendes Akkordeon einfügen https://codepen.io/abergin/pen/ihlDf
Kann man in eifachen Schritten erklären wie ich zum Ziel komme?
Das wäre super!
Merci ud Gruss
Natascha

...auf meiner Testseite https://designtest-hamburg.jimdo.com/jim.../css-akkordeon/ findest Du das Akkordeon in Aktion. Ich mussste es allerdings ein wenig für Jimdo anpassen.
Wenn Du es selbst integrieren willst, sieh Dir den Codepen genau an. Da ist die Lösung drin.
Ich habe ein Widget geschrieben, dass es ermöglicht, das Akkordeon mit Jimdo-Standardelementen zu kombinieren. Hier eine weitere Testseite, die ich damit ausgestattet habe: https://redesign-designtest-rome.jimdofree.com/
Wenn Du das Widget gern benutzen möchtest, schreib mich bitte an.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!