使用jQuery在另一个div内的div之间切换？

Question

所以我有一个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而无需添加代码来隐藏/显示它们？

谢谢!

Answer 1

尝试以下操作

$(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]);
});

小提琴： http: //jsfiddle.net/9gwzt/2/