Einfache fade-in fade-out-div mit jquery on click

DIESE UNTER CODE HIER FUNKTIONIERT, können Sie die Antworten Lesen Sie unter hier - ich Bearbeiten diese für zukünftige Referenz.

HTML:

<div><a href="#" id="btn">Show bank div and hide fancy div</a></div>
<div id="btn-bk"><a href="#">back</a></div>
<div id="bank">Bank Div</div>
<div id="fancy">Fancy Div</div>

CSS:

#bank {display:none;}
#btn-bk {display:none;}

Javascript:

    $('#btn').click(function(e){    
    $('#fancy, #btn').fadeOut('slow', function(){
        $('#bank, #btn-bk').fadeIn('slow');
    });
});

    $('#btn-bk').click(function(e){    
        $('#bank, #btn-bk').fadeOut('slow', function(){
            $('#fancy, #btn').fadeIn('slow');
        });
    });

Live-DEMO, die funktioniert

geben Sie bitte den code in die Frage im Fall der jsfiddle verschwindet.

InformationsquelleAutor user1562679 | 2012-09-25

  1. 11

    Dein problem ist mit dieser code-Zeile:

    $('#bank').replace('<div id="fancy"></div>').fadeIn('slow');

    Gibt es keine .replace () - Funktion in jQuery. Entfernen, und es funktioniert:

    $('#bank').fadeIn('slow');

    Es hier zu sehen: http://jsfiddle.net/3XwZv/57/

    Mich zu schlagen 🙂 +1 für Geschwindigkeit
    Argh!! Genial... ich habe versucht so lange her, konnte nicht verstehen, warum es war, nicht das zeigen der BANK... Cheers man! Thx nochmal
    Es wird ein .replace () - Funktion ist, dass das, was Sie gesucht haben? Schauen Sie sich die Doku unter docs.jquery.com, Sie sind sehr hilfreich. Ich habe oft Scannen Sie einfach die Kategorien von Funktionen und sehen, ob Sie haben, was ich will. Lesen über interessant klingende Funktionen wird Ihnen beibringen, eine Menge.

    InformationsquelleAutor Surreal Dreams

  2. 3

    Verwenden Sie den folgenden jQuery-code:

    $('#btn').click(function(e){    
    $('#fancy').fadeOut('slow', function(){
        $('#bank').fadeIn('slow');
    });
});

    InformationsquelleAutor suresh.g

  3. 1

    Sollten Sie verwenden html () anstelle von replace(). Auch, wenn Sie wollen, ersetzen Sie Ihre bank div mit dem folgenden html-Code:

    <div id="fancy"></div>

    Versuchen, diese

    $('#btn').click(function(e){    
    $('#fancy').fadeOut('slow', function(){
        $('#bank').html('<div id="fancy"></div>').fadeIn('slow');
    });
});
    Ich eigentlich stumpled upon ein weiteres Problem - ich brauche eine zurück-Schaltfläche, so dass, wenn Ihr klickt, wird die bank wieder ausblendet und dann die Phantasie fade-in wieder... Ist das einfach zu implementieren? Wenn möglich, würde ich es begrüßen, wenn Sie hinzufügen könnte, es auf der Geige?
    sorry für spät.. aber hast u lösen, dies ein anderes Problem ??
    sicher nicht das ist, was u wollte.. aber u kann es versuchen.. jsfiddle.net/3XwZv/62
    Danke bipen 😀 Funktioniert wie ein Charme. Perfekt!
    sicher, meine Freude... :)... ich denke, bis abstimmen könnt mir helfen .. 🙂 🙂

    InformationsquelleAutor bipen

Schreibe einen Kommentar