所以我有一个div,里面可以有几个div.就像是：
<div id="news">
<span>Latest News!</span>
<div>
//News 1
</div>
<div>
//News 2
</div>
</div>
我正在尝试做的是页面加载,第一个div是可见的,然后经过这么多秒,它淡出,第二个div淡入.非常简单的fadeIn和fadeOut但我必须指定每个div的动作.有没有办法说’在我的#news div’中的每个div之间切换？这样我可以添加新的div而无需添加代码来隐藏/显示它们？
谢谢！
解决方法
请尝试以下方法
$(document).ready(function() {
$('#news div:gt(0)').hide();
var swap = function(item) {
setTimeout(function() {
$(item).fadeOut(1000,function() {
var next = $(item).next()[0];
if (!next) {
next = $('#news div')[0];
}
$(next).fadeIn(1000,function() {
swap($(this)[0]);
})
});
},1000);
};
swap($('#news div')[0]);
});
