:: Buchempfehlung ::

trolln1 · #1 25.08.2014, 15:04:39

Hallo, ich bin neu hier und habe gleich eine Frage:
Ich möchte erreichen, dass wenn man auf einen Link inenrhalb eines DIVs klickt, dieses DIV nicht mehr dargestellt wird und dafür ein anderes. Hierfür habe ich Example2 aus
Simple jQuery: Hide/Show elements with .toggle() and .slidetoggle() | Rija Media Blog
befolgt.
Ich habe im <head> Bereich jquery extern eingebunden:

Code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

und folgendes script vor </body> zum togglen zwischen 2 DIVs mit jeweils der Klasse da-slider:

Code:

$('#da-link').click(function() {

    $('.da-slider').toggle();
    $('#da-slider2').toggle();

    return false;

});

im html siehts dann so aus:

HTML-Code:

 <div id="da-slider" class="da-slider">
                                <div class="da-slide">
                                        <h2>Die Wahrheit kommt <br>ans Licht</h2>
                                        <p>dasd</p>

                                           <a class="da-link" href="#da-slider2" id="da-link">Simple Div Toggle</a>
                                        <div class="da-img"><img src="img/szene1/01.jpg" alt="image01" /></div>
                                </div>

                                <nav class="da-arrows">
                                        <span class="da-arrows-prev"></span>
                                        <span class="da-arrows-next"></span>
                                </nav>
                        </div>
            <div id="da-slider2" class="da-slider"  style="display:none;">
                             <div class="da-slide">
                                        <h2>hmmmm<br>ans Licht</h2>
                                        <p>dasd</p>
                                        <div class="da-img"><img src="img/szene1/01.jpg" alt="image01" /></div>
                                </div>

                                <nav class="da-arrows">
                                        <span class="da-arrows-prev"></span>
                                        <span class="da-arrows-next"></span>
                                </nav>
                        </div>

Das Problem nun ist: Wenn ich auf den Link mit Text "Simple Div Toggle" klicke, erscheint nicht das zweite Div sondern nur das alte verschwindet.
Der Einsatz ist auf dieser Seite zu finden:
She is the Truth is a Crime

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!