Simple fade in fade out div with jquery on click

Question

THIS CODE UNDER HERE WORKS, you can read the answers under here - i edit this for future reference.

HTML:

        

                      

              相关标签:
       
      

Answer 1

You should use html () instead of replace(). Also, assuming you want to replace your bank div with the following html:

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

Try this

$('#btn').click(function(e){    
    $('#fancy').fadeOut('slow', function(){
        $('#bank').html('<div id="fancy"></div>').fadeIn('slow');
    });
});

Answer 2

Use the following jQuery code:

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

Answer 3

Your problem is with this line of code:

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

There is no .replace() function in jQuery. Remove that and it works:

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

See it here: http://jsfiddle.net/3XwZv/57/