Klapptexte einbauen

Wenn Du Lust auf "ein- und ausklappbare Texte" hast und diese auf Deiner Jimdo-Seite einbauen möchtest, dann folge einfach dieser Anleitung.

 

Füge den ersten Code in ein Widget/HTML-Modul Deiner Jimdo-Seite ein und passe die markierten Textpassagen ganz individuell an. Der zweite kleine Schnipsel kommt dann in den Head-Bereich. Beachte bitte, wenn du mehrere Klapptexte auf einer Unterseite einbaust, dann darf das Javascript nur einmal, am besten im ersten Klapptext-Code, verwendet werden. Damit ist der Teil des Codes zwischen "script type" und "script" gemeint.


Code Teil 1 - In das Widget/HTML Element

<dl>

 

<dt>

 

Mehr Informationen.. <a href="javascript:return false;" class="closed">Details</a>

 

</dt>

 

<dd>

 

Hier kommt der Text rein, der ausklappen soll.

 

</dd>

 

<dt>

 

Wenn Du.. <a href="javascript:return false;" class="closed">Details</a>

 

</dt>

 

<dd>

 

Hier kommt der Text rein, der ausklappen soll.

 

</dd>

 

<dt>

 

Und hier.. <a href="javascript:return false;" class="closed">Details</a>

 

</dt>

 

<dd>

 

Hier kommt der Text rein, der ausklappen soll.

 

</dd>

 

</dl>

 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.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>


Code Teil 2 in den Head-Bereich

<style type="text/css">

/*<![CDATA[*/

 

dd { 

 

display: none;

 

}

 

/*]]>*/