jQuery的循環：由四個迭代兄弟姐妹，然後從開始

Question

Q重新啓動：如何創建一個循環顯示四個div在時間，那是#reviewswidget兒？一旦幻燈片放映結束，它需要返回到前四個div。

<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> 

我嘗試：

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); 
    }); 

全碼：http://jsfiddle.net/Q3jaf/1/

Answer 1

嘗試

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

演示：Fiddle