简单淡入淡出淡出div，点击jquery

这个代码在这里工作，你可以在这里阅读答案 – 我编辑这个以供将来参考。

HTML ：

Show bank div and hide fancy div
 
back
 
Bank Div
 
Fancy 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'); }); }); 

有效的现场演示

Answer 1

你的问题是这行代码：

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

jQuery中没有.replace（）函数。 删除它，它的工作原理：

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

在这里看到： http ： //jsfiddle.net/3XwZv/57/

Answer 2

使用以下jQuery代码：

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

Answer 3

您应该使用html（）而不是replace（）。 另外，假设您要使用以下html替换您的银行div：

试试这个

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