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
Wenn Du.. Details
Und hier.. Details

Ich schenke dir deinen persönlichen Beratungstermin!

Öffnungszeiten: 

Termine nach Vereinbarung

Tel: 06158 - 823 346 3

info@stoffwechselzentrum-stockstadt.de

Kontaktieren mich gerne auch über WhatsApp.

Wenn es schnell gehen soll...

myintense+ Online-Abnehmprogramm

Du nimmst ab und deine Krankenkasse zahlt!