akkordeon code wo ist der fehler

19.12.2018 17:16
avatar  aggi
#1
ag

Guten Tag, ich habe erfolgreich folgendes akkordeon code in einem jimdo element angewandt:


1
2
3
4
5
6
7
8
 
<span style="cursor:pointer; display : block" onclick=
"document.getElementById('text').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'" id="an">mehr
lesen</span> <span onclick=
"document.getElementById('text').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'" id="zu" style=
"display: none;cursor:pointer">zuklappen</span>
</p>
 
<div id="text" style="display: none">
 



danach kommt der text, der ein/zu geklappt werden soll.

Ich habe gerade texte auf meiner webseite angepasst und wollte einen vorhandenen text verlängern, und auch eine 'mehr lesen' funktion einbinden. ich habe genau dengleichen code eingefügt und dadrunter einen text, der sich ausklappen sollte.

leider will es nicht so funktionieren wie in dem anderen element. der text klappt nicht aus, dafür wenn ich bei dem 2en element auf mehr lesen klicke, klappt der text in dem ersten element aus.

wohlbemerkt, es handelt sich um 2 verschiedene elemente , die miteinander nicht verbunden sind. wieso tritt der fehler auf?

danke für eure hilfe

agnieszka


 Antworten

 Beitrag melden
19.12.2018 22:12 (zuletzt bearbeitet: 19.12.2018 22:13)
avatar  az_
#2
avatar
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
20.12.2018 09:25
avatar  aggi
#3
ag

Vielen Dank für Deine antwort, wo kommt aber in dem code

1
2
3
4
5
6
7
8
9
10
11
12
 
 <h3> der text, der sich ausklappen sollte? wo soll man es einfügen? danke und vg
 
<a style="text-decoration:none; color: rgb(43, 109, 183);"
class="fa fa-caret-square-o-down fa-1x" href="javascript:show('ID')">
<span class="ml10 font">Weitere Infos zum Buch...</span>
</a>
 
</h3>
 

 

 


 Antworten

 Beitrag melden
20.12.2018 11:10
avatar  aggi
#4
ag

bzw. ich bräuchte nur den Tipp, wieso ich 2 mal dengleichen Code, bei 2 verschiedenen Elementen nicht nutzen kann, ohne dass die Funktion irgendwie verbunden ist und sich auf beide Elemente auswirkt


 Antworten

 Beitrag melden
20.12.2018 14:09
avatar  aggi
#5
ag

selbt gelöst, die id's angepasst. danke :-)


 Antworten

 Beitrag melden
23.12.2018 14:57 (zuletzt bearbeitet: 23.12.2018 14:59)
avatar  az_
#6
avatar
az_

Genau!
Erst jetzt verstehe ich auch die Frage: „ID“ muss natürlich ausgetauscht werden mit der wirklichen ID.

Wäre nett für die anderen, wenn Du den ganzen Code posten würdest, oder einen Link zu der Seite, wo Dein Accordeon zu finden ist.

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
02.01.2019 10:21
avatar  aggi
#7
ag

Frohes Neues und Danke für Deine Antworten. Werde ich tun für die Zukunft- VG Agnieszka


 Antworten

 Beitrag melden
25.09.2019 15:36
avatar  aggi
#8
ag

Guten Tag, ich habe noch eine Frage bezüglich des beschriebenen Sachverhaltes : Alles funktioniert super, aber wie kann man die Textfarbe des 'mehr'/ 'zu' und des ausklappbaren textes anpassen? Zur Zeit ist es schwarz,ich brauche es aber weiß.

Vielen Dank für die professionelle Hilfe

Agnieszka


 Antworten

 Beitrag melden
26.09.2019 09:50
avatar  aggi
#9
ag

Guten Tag, mir wurde bereits geholfen. Vielen Dank,Problem gelöst :-)


 Antworten

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