当您点击链接或按钮时,是否可以将div淡出,然后在同一个地方与不同的内容不同的div淡入淡出？
它显然使用.fadeIn()和.fadeOut()函数,但我不知道所有的代码是什么样的,特别是在定位,以及在同一页面上执行两次的功能.
解决方法
如果你想淡出一个< / div>然后淡出另一个：
<div id="div1"></div>
<div id="div2" style="display: none"></div>
<div><a href="#" id="triggerButton">Swap Divs</a></div>
$('#triggerButton').click(function(e){
e.preventDefault();
$('#div1').fadeOut('fast',function(){
$('#div2').fadeIn('fast');
});
});
如果您要替换< / div>那是在同一个地方与另外一个消失在一起的：
<div id="div1"></div>
<div><a href="#" id="triggerButton">Swap Divs</a></div>
$('#triggerButton').click(function(e){
$('#div1').fadeOut('fast',function(){
$('#div1').replace('<div id="div2"></div>').fadeIn('fast');
});
});
希望这可以帮助.