Akkordeon
...das ist Superklasse! Vielen Dank!
Eine andere Möglichkeit hatte TOM einmal im offiziellen Jimdo-Forum gepostet - ich hatte den Thread in die Tutorials übertragen:
- Akkordeon Effekt ohne Java-Script
...beide Threads habe ich hier einmal ausprobiert: http://madrid-test.jimdo.com/
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
...auf http://designtest-hamburg.jimdo.com/ habe ich ein JS-Akkordeon eingesetzt, mit dem man auch normale Jimdo-Elemente "aufklappen" kann. Diese Lösung gefällt mir eigentlich am besten.
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
...schau dir mal den Head-Bereich von der Webseite an (Seitenquelltext). Wichtig daraus für Dich ist folgendes:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<style type="text/css">
/*JS-Akkordeon Bereiche
-------------------------*/
#cc-m-12803522336, /*Text-Element auf Startseite*/
#cc-m-12698245836, /*Bild-Element auf Startseite*/
#cc-m-12698246036, /*1. Spaltenelement auf Startseite*/
#cc-m-12698246536 /*2. Spaltenelement auf Startseite*/
{display:none;}
</style>
<script type="text/javascript">
//JS-Akkordeon
function show(id)
{
if (document.getElementById(id).style.display=='block' )
{document.getElementById(id).style.display='none'; }
else {document.getElementById(id).style.display='block'; }
}
</script>
Was Du brauchst, sind die Styles für Deine divs und das Skript. Ohne die geht das nicht.
Das html-Widget benutzt noch ein weiteres Gimmick, welches ebenfalls in den Head-Bereich eingetragen werden muss, nämlich:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" type="text/css"/>
...das font-awesome.css ist verantwortlich für die Pfeile etc.
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
...komisch, ich hatte eigentlich schon auf Deine Frage geantwortet, aber der Thread ist weg!!!
Auf http://forum-images.jimdo.com/forum/akkordeon/ habe ich Deinen Code mal eingesetzt und "repariert".
2
3
4
5
6
7
8
<section>
<input type="radio" id="r4“ name=" value=""> <label for="r4">Sonderrechtt</label>
<div>
<p>
Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait dolore magna aliquam erat volutpat.
</p>
</div>
</section>
...ist der richtige Code für das html-widget. Du hattest statt label for="r4" geschieben: label for="r2"
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
lies mal, was auf http://forum-images.jimdo.com/forum/akkordeon/ ganz unten in rot steht!
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
Ähnliche Themen
| Thema | Antworten | Aufrufe | Letzte Aktivität | ||
|---|---|---|---|---|---|
 |
AkkordeonAkkordeon |
6
az_
13.03.2021 |
872 |
|
|
|
Tokyo Design: suche Mouseovereffekte und AkkordeonTokyo Design: suche Mouseovereffekte und Akkordeon |
5
az_
26.08.2020 |
1354 |
|
|
|
suche ein Trigger Akkordeonsuche ein Trigger Akkordeon |
1
az_
24.01.2020 |
938 |
|
|
|
Bildergalerien in Akkordeon???Bildergalerien in Akkordeon??? |
2
Kersten
15.03.2019 |
1240 |
|
|
|
akkordeon code wo ist der fehlerakkordeon code wo ist der fehler |
8
aggi
26.09.2019 |
1653 |
|
|
|
Akkordeon Elemente mit AZ TutorialAkkordeon Elemente mit AZ Tutorial |
3
az_
07.06.2018 |
4177 |
|
|
|
Akkordeon ElementAkkordeon Element |
15
az_
21.10.2018 |
1987 |
|
|
|
Navigation als AkkordeonNavigation als Akkordeon |
5
az_
28.04.2017 |
2265 |
|
|
|
Akkordeon Effekt ohne Java-ScriptAkkordeon Effekt ohne Java-Script |
13
Higgie
28.11.2023 |
7353 |
|
Jetzt anmelden!
Jetzt registrieren!
