간단한 텍스트 슬라이드를 만들 수 없습니다.

Question

텍스트를위한 간단한 슬라이드를 만들려고하는데 왜 다른 단락이 나타나기 시작하는지 알 수 없습니다. 내가 필요한 것은 클래스 div로 전체 div 블록을 변경하는 것입니다. 여기

는 HTML입니다 :

<div id="text-blocks"> 
    <div class="text-block"> 
    <p>paragraph1</p> 
    <p>paragraph2</p> 
    </div> 
    <div class="text-block"> 
    <p>paragraph3</p> 
    <p>paragraph4</p> 
    <p>paragraph5</p> 
    <p>paragraph6</p> 
    <p>paragraph7</p> 
    </div> 
</div> 

및 JS : jsFiddle에

$(document).ready(function(){ 
    $('.text-block:gt(0)').hide(); 
    setInterval(function(){ 
    $('#text-blocks :first-child').fadeOut() 
     .next().fadeIn() 
     .end() 
     .appendTo('#text-blocks'); 
    }, 
    3000); 
}) 

링크 : http://jsfiddle.net/e2wFK/

Answer 1

당신은 단지 #text-blocks

의 직접 아이들을 포함하는 선택을 변경해야

$('#text-blocks > :first-child').fadeOut() 

jsFiddle Demo

이전 선택기 $('#text-blocks :first-child').text-block 요소는 제 1 내측 단락 포함 #text-blocks 내부마다 첫번째 아이를 선택 하였다.