jquery - 用jQuery在div之间切换

我有两个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重叠。有没有更简单的方法可以完成我要在这里完成的工作？

最佳答案

只需使用.toggle();

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

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


});

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