简单的淡入淡出div与jquery点击

此代码在这里工作，你可以阅读下面的答案 - 我编辑这个以备将来参考。简单的淡入淡出div与jquery点击

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

来源

2012-09-25 user1562679

请在万一的jsfiddle消失的问题，所有的代码。 – Niklas

你的问题是这行代码：

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

有jQuery中没有.replace（）函数。删除和它的作品：

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

见这里：http://jsfiddle.net/3XwZv/57/

来源

2012-09-25 14:01:08

打我吧:) +1为速度 – Kostia

唉！真棒...我一直在尝试这么久，不明白为什么它不显示银行......干杯的人！ Thx再次 – user1562679

有*是* .replace（）函数，是你在找什么？查看http://docs.jquery.com/上的文档，它们非常有帮助。我经常只是扫描功能的类别，看看他们是否有我想要的。阅读有趣的探测功能将会教你很多。 –

使用下面的jQuery代码：

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

来源

2012-09-25 14:03:55

您应该使用HTML（），而不是取代（）。另外，假设你想用下面的HTML，以取代银行的div：

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

试试这个

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

来源

2012-09-25 14:08:12 bipen

我实际上是在st upon另一个问题 - 我需要一个后退按钮，所以当它被点击后，银行再次淡出，然后花哨再次消失......这很容易实现吗？如果可能的话，如果能将它添加到小提琴中，我将不胜感激？ – user1562679

对不起，晚了..但你解决了这个问题吗？ – bipen

不知道这是你想要的..但你可以试试.. http://jsfiddle.net/3XwZv/62/ – bipen

简单的淡入淡出div与jquery点击

回答

相关问题