クリックでjqueryでシンプルにフェードインします

Question

このコードはここにありますので、ここで答えを読むことができます。

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

Answer 1

あなたの問題は、コード行である：

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

のjQueryには.replace（）関数ではありません。それを削除し、それが動作します：http://jsfiddle.net/3XwZv/57/

Answer 2

は、次のjQueryコードを使用します：

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

は、ここでそれを参照してください（あなたがHTMLを（使用する必要があります

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

Answer 3

）の代わりに、交換してください）。また、あなたは次のHTMLを使用して、銀行のdivを交換したいと仮定すると：

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

この

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