Javascript Jquery循环：将兄弟循环四次，然后从头重新开始

Q:如何创建一个循环来同时显示四个

div

，它们是

#reviewswidget

的子对象？一旦幻灯片放映到了孩子们的结尾，它需要返回到前四个部分

<div id="reviewswidget">
    <div class="reviewtitle">title 1 goes here</div>
    <div class="reviewrating">rating 1 goes here</div>
    <div class="reviewreview"> review 1 goes here</div>
    <div class="reviewauthor">author 1 goes here</div>
    <div class="reviewtitle">title 2 goes here</div>
    <div class="reviewrating">rating 2 goes here</div>
    <div class="reviewreview"> review 2 goes here</div>
    <div class="reviewauthor">author 2 goes here</div>
</div>

标题1在这里
这里是1级
这里是复习1
作者1在这里
标题2在这里
这里是2级
这里是复习2
第二作者在这里

我的尝试：

jQuery(function () {
        jQuery('#reviewswidget div').hide().slice(0, 4).show();
        setInterval(function () {
            jQuery('#reviewswidget div').filter(':visible').fadeOut(function () {
                self.setSliceIteration(4);
                self.setSliceTotal(jQuery('#reviewswidget div').length);
                if (self.getSlice() === 0 && self.getSlice() === '') {
                    jQuery('#reviewswidget div').hide().nextAll().slice(self.getSlice()).show();
                    self.setSlice(self.getSliceIteration() + self.getSlice());             
                }
                if (self.getSlice() < self.getSliceTotal()) {
                    $(this).nextAll().slice(self.getSlice()).show();
                    self.setSlice(self.getSliceIteration() + self.getSlice());
                }
                if (self.getSlice() < self.getSliceTotal()) {                   
                }
            });
        }, 3000);
    });

jQuery（函数（）{
jQuery（'#reviewWidget div'）.hide（）.slice（0,4.show（）；
setInterval（函数（）{
jQuery（'#ReviewWidget div'）。过滤器（':visible'）。淡出（函数（）{
自组织迭代（4）；
self.setSliceTotal（jQuery（'#reviewWidget div'）.length）；
if（self.getSlice（）==0&&self.getSlice（）{
jQuery（'#reviewWidget div'）.hide（）.nextAll（）.slice（self.getSlice（））.show（）；
self.setSlice（self.getSliceIteration（）+self.getSlice（））；
}
if（self.getSlice（）

完整代码：

试试看

var $chidlren = $('#reviewswidget').children().slice(4).hide();
setInterval(function(){
    $('#reviewswidget').children().slice(0, 4).hide().appendTo('#reviewswidget')
    $('#reviewswidget').children().slice(0, 4).show()
}, 1000)

---

演示：

为什么不将4个div放入父div中？如何实现单个fadein和fadeout转换？Appendo只是将其向下移动。感谢@arun的快速响应！如果我想在淡入后增加x秒的延迟，那么在本例中如何执行淡出？@davideugeneperson try-增加

setInterval（）

延迟