"MACH DEINE SEITE JETZT FIT,
    DER nächste SOMMER KOMMT BESTIMMT!"

    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.

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

    <style type="text/css">

    /*<![CDATA[*/

    /* Deine Slideshow */

     

    dd { 

     

    display: none;

     

    }

     

    /*]]>*/

    </style>

    Und so sieht's dann aus ;-)

    Mehr Informationen zum Thema erfährst Du hier: Details
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    Wenn Du noch mehr über mich erfahren möchtest: Details
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    Und hier schreibe ich auch gerne mal sowas: Details
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.