Akkordeon Elemente mit AZ Tutorial

06.06.2018 08:02 (zuletzt bearbeitet: 06.06.2018 18:49)

Malle
#1

Ma

Hi,
was mache ich falsch?

Auf meiner Testseite: https://test-plattform.jimdofree.com/
wollte ich mal das Tutorial nachbauen. und habe die Infos aus dem Forum ausprobiert.

Im Head:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 

<link type="text/css" media="all" href="https://51023348.swh.strato-hosting.eu/_redesign/css/position.css" rel="stylesheet"/>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" type="text/css"/>
 
<style type="text/css">
/*<![CDATA[*/
 

    #cc-m-7485214562  /*ID des Akkordeon-Elements*/   {display:none;}
    #cc-m-7486406162  /*ID des Akkordeon-Elements*/     {display:none;}
 

/*]]>*/
</style>
 
 
 
<script type="text/javascript">
//<![CDATA[
//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'; }
}    
//]]>
 
 

Vor den Elementen im Widget/HTML eingefügt

1
2
3
4
5
6
7
8
 

<h3>
    <a style="text-decoration: none; color: rgb(43, 109, 183);" class="fa fa-caret-square-o-down fa-1x infos" href="javascript:show('cc-m-7485214562')"><span class="ml10 font">Überschrift
    ...</span></a>
</h3>
 

 
 

oder

1
2
3
4
5
6
 

<h3>
    <a style="text-decoration: none; color: rgb(43, 109, 183);" class="fa fa-caret-square-o-down fa-1x infos" href="javascript:show('cc-m-7486406162')"><span class="ml10 font">Text Text...</span></a>
</h3>
 

 

Nun sind die Elemente standardmässig eingeblendet und durch Drücken werden diese ausgeblendet.
Erwünscht ist natürlich der umgekehrte Effekt.

Vielen Dank hoffe jemand kann mir helfen.

GLG Malle

Antworten

Beitrag melden

#2

06.06.2018 18:52 (zuletzt bearbeitet: 06.06.2018 18:54)

...ich hab Dir den Code in Deinem Beitrag mal schnell korrigiert. {display:none} muss mit "style" geklammert werden, nicht mit "script"!

jetzt müsste es funzen. URL (= Web-Adresse) wäre aber trotzdem nett, sonst kann es hier niemand nachvollziehen!

LG, az

PS: probier den hier mal: https://www.freeformatter.com/html-formatter.html

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

#3

06.06.2018 21:56

Malle
#3

Ma

Malle

Super Codes haben funktioniert - VIELEN DANK

siehe https://test-plattform.jimdofree.com/

Eine eigene Homepage habe ich (noch) nicht

GLG Malle

Antworten

Beitrag melden

#4

07.06.2018 13:05

az_
#4

az_

...so soll es sein!!! Freut mich, dass es funzt!

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