Dieser Code kommt in ein Widget/HTML-Modul, dort wo die Klapptexte benötigt werden. Beachte bitte, solltest du mehrere Klapptexte bzw. Elemente auf einer Unterseite nutzen, so kannst du das gerne machen. Der grünmarkierte Teil darf dann allerdings nicht noch mal eingefügt werden.

<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>

Das folgende CSS kommt in den Headbereich deiner Jimdo-Seite.

<style type="text/css">

/*<![CDATA[*/

dd { 

display: none;

}

/*]]>*/

</style>

Und dann sieht das so aus.

Mehr Informationen.. Details
Hier kommt der Text rein, der ausklappen soll.
Wenn Du.. Details
Hier kommt der Text rein, der ausklappen soll.
Und hier.. Details
Hier kommt der Text rein, der ausklappen soll.