CSS im Head
...das liegt an dem doppelten jQuery. Das darf nur 1x global eingebunden werden Mach es am besten so:
In den head "gesamte Webseite":
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:
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
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
