jquery - 使用 jQuery 在 div 之间切换

Question

我有两个 div 框 promo1 和 promo2。显示 promo1，而隐藏 promo2。每隔 x 秒，我想切换这些框，以便它隐藏 promo1 并淡入 promo2，反之亦然。

请原谅我的脚本技能，我还在学习哈哈。这就是我到目前为止所得到的..

function switch1(){
      $("#promo1").hide("fast");
      $("#promo2").fadeIn("slow");
}
function switch2(){
      $("#promo2").hide("fast");
      $("#promo1").fadeIn("slow");
}
$(document).ready(function() {

setInterval( "switch1()", 5000 );
setInterval( "switch2()", 10000 );

});

现在，如您所见，问题在于 switch2 与 switch1 重叠。有没有更简单的方法来实现我在这里想要实现的目标？

Answer 1

只需使用.toggle();

function switch1(){
      $("#promo1").toggle('slow');
     $("#promo2").toggle('slow');
}

$(document).ready(function() {
$("#promo2").hide();
setInterval(switch1, 5000 );


});

http://jsfiddle.net/niklasvh/X6G9Y/