"Drop-Down-Inhalte" einfügen

23.02.2017 16:03
avatar  AnnaEQ
#1
An

Hallo zusammen,

gibt es die Möglichkeit, so eine Art "Drop-Down-Inhalte" in eine Seite einzufügen?
Ich meine damit, dass man auf einer Seite sein Angebot vorstellt und z.B. nach einem Text erstmal nur beispielsweise die Kategorien

HOSEN
SHIRTS
BIKINIS

untereinander aufgelistet zu sehen sind. Wenn man auf eine Kategorie klickt, dann soll sich unter dem Kategorienamen ein neuer Inhalt auftun. Wenn man wieder auf den Kategorienamen klickt, soll sich dieser wieder schließen. Wisst ihr, was ich meine? :D

Viele Grüße
Anna


 Antworten

 Beitrag melden
23.02.2017 17:36 (zuletzt bearbeitet: 23.02.2017 17:37)
avatar  az_
#2
avatar
az_

...dafür gibt es verschiedene Möglichkeiten. Such mal nach "Akkordeon" - hier im Forum und bei Google mit CSS oder JS.

Hier ein Beispiel:

- https://designtest-hamburg.jimdo.com/

...das besondere bei dieser Lösung ist, dass sie mit Jimdo Standard-Elementen arbeitet

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


 Antworten

 Beitrag melden
08.04.2017 21:29
#3
Es

Das schaut ganz nett aus.

Was mir aber verborgen bleibt, wie setze ich das um?


 Antworten

 Beitrag melden
09.04.2017 00:18
avatar  az_
#4
avatar
az_

...Such mal nach "Akkordeon" - hier im Forum
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


 Antworten

 Beitrag melden
11.04.2017 15:34
#5
Es

Naja, Suchen ist eines!

Finden etwas anderes!

Auf das bezogene JS mit Jimdo verweist Du ja öfters hier, aber eine Anleitung, mit der ich etwas anfangen hätte können, habe ich leider nicht entdeckt!
Wäre nett, wenn Du da etwas Unterstützung für mich über hättest!


 Antworten

 Beitrag melden
11.04.2017 23:13 (zuletzt bearbeitet: 11.04.2017 23:14)
avatar  az_
#6
avatar
az_

Akkordeon Effekt ohne Java-Script

...und ca. tausend andere


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


 Antworten

 Beitrag melden
12.04.2017 07:25
#7
Es

Naja, es ging/geht hier ja aber um das von Dir vorgestellte Akkordeon MIT JS und der Einbindung der Jimdo Standardelemente.

Da helfen dann Links zu Lösungen ohne JS nicht wirklich weiter.

Sorry, aber Du verweist öfter auf diese Lösung, habe aber nie eine Anleitung für Nichtprofis finden können.

Lehen mich nun weit raus, aber in meinen Augen ist ein Forum dazu da, dass man andere User unterstützt und bei dem, was sich nicht so gut können, behilflich ist.

Wenn Du nicht helfen willst, dann ist das ja OK, aber dann sage es offen und ehrlich, denn so hilfst Du weder mir oder anderen Usern, die eventuell mal vor dem selben Problem stehen.


 Antworten

 Beitrag melden
13.04.2017 15:53 (zuletzt bearbeitet: 17.04.2017 18:36)
avatar  az_
#8
avatar
az_

Hallo @Essotiger,

- hier ein kleines Tutorial: https://designtest-hamburg.jimdo.com/akkordeon/

...das ist allerdings nichts für Laien, ein wenig Grundwissen wird da schon vorausgesetzt.


LG, az



PPS: Sorry, dass ich nicht für jedes Problem gleich den vollständigen Code rausgeben kann. Manchmal ist das einfach zu zeitintensiv!
Wenn Du Hilfe brauchst, kannst Du mich gern über meine Webseite anschreiben (s.u.)


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


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!