jQuery로 div를 반복합니다.

Question

화살표를 클릭하면이 div가 페이드 아웃되도록하려고합니다 (아주 간단한 슬라이드 쇼처럼). 나는 이렇게 같이, 하나, 그들을 페이드 아웃을 할 수 있습니다 :

$(document).ready(function(){ 
    $('li').click(function(){ 
     $(this).fadeOut(); 
    }); 
}); 

그러나

JSFIDDLE

, 이것은 그렇게 다시 시작 (를 통해 나에게

• 루프를 못하게 모든 퇴색하는 경우 아웃)
• 그것은 다른 클래스가 클릭 될 때 작동하지 않습니다

는 일이다 jQuery 메서드가 각 <li> 및 fadeOut을 반복 할 수 있습니다. 마지막 li이면 순서를 다시 시작 하시겠습니까?

Answer 1

이것이 필요한가요? 여기 http://jsfiddle.net/x3buT/39/

내가 첫 번째 슬라이드를 페이드 아웃, 다음 줄의 끝으로 이동하고 다음

$(document).ready(function(){ 
    $('.slide:not(:first)').hide(); 
    //If you only need to change with the arrow, remove .slide from next line 
    $('.slide,.arrow').click(function(){ 
     $('.slide').first().fadeOut(function(){ 
      $(this).next().fadeIn(); 
      $(this).appendTo('.inner'); 
     }); 
     return false; 
    }); 
});