Jimdo-Specials (Tools, Widgets, HTML und CSS)

CSS im Head

05.12.2019 15:13 (zuletzt bearbeitet: 10.12.2019 15:24)

RainerS
#1

Im Head habe ich ein CSS-Script zum Textaufklappen eingestellt (gesamte Webseite). Der wirkt aber nur auf meine Startseite. Hatte Texte von dort auf eine andere Unterseite geschoben. Dort wirkt er nicht, selbst wenn ich für diese Seite den Script nochmals eintrage.
Ich nutze übrigens noch das ziemlich altes Design 1327.

Habe eine Lösung gefunden bei //hilfeplus.jimdo.com/2018/02/25/klapptexte-einbauen/
Wenn ich den Script zusätzlich im Head der Unterseite eintrage funktioniert es einwandfrei auf allen Seiten. Kurioserweise führt es aber bei gleicher Ergänzung für die gesamte Webseite oder für die Startseite zu einem Fehlverhalten auf der Startseite.

Antworten

Beitrag melden

17.12.2019 19:46 (zuletzt bearbeitet: 17.12.2019 19:52)

az_
#2

az_

...das liegt an dem doppelten jQuery. Das darf nur 1x global eingebunden werden Mach es am besten so:

In den head "gesamte Webseite":

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

 
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
 
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $("dt").click(function() { // trigger
            $(this).next("dd").slideToggle("slow");
            $(this).children("a").toggleClass("closed open");
        });
    });
    //]]>
 
</script>
<style type="text/css">
    dd {
        display: none;
    }
 
</style>
 

 

...und als html-widget im Content:

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
29
30
31
32
33
34
35
36
37
 

 

<p class="hide">
    html-Akkordeon
</p>
 
<dl>
    <dt>
        Absatz 1 <br />
        <a href="javascript:return false;" class="closed"><span class="ml15">...mehr Infos</span></a>
    </dt>
 
    <dd>
        Hier kommt der Text rein, der ausklappen soll.
    </dd>
 
    <dt>
        Absatz 2 <br />
        <a href="javascript:return false;" class="closed"><span class="ml15">...mehr Infos</span></a>
    </dt>
 
    <dd>
        Hier kommt der Text rein, der ausklappen soll.
    </dd>
 
    <dt>
        Absatz 3 <br />
        <a href="javascript:return false;" class="closed"><span class="ml15">...mehr Infos</span></a>
    </dt>
 
    <dd>
        Hier kommt der Text rein, der ausklappen soll.
    </dd>
</dl>
 

 

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