Jquery next text with

Question

안녕하세요 여러분, 나는 "next"와 "prev"라는 두 개의 버튼을 사용하여 숨김과 텍스트를 보여줍니다. 내가 다시 다음 버튼을 누릅니다

<button id="slider1next" >Next</button> 
<br> 
    <p class="text" id="first_one">1</p> 
    <p class="text" id="second_one" style="display:none">2</p> 
    <p class="text" id="third_one" style="display:none">3</p> 
<p class="text" id="fourth_one" style="display:none">4</p> 
<br> 
<button id="slider2next" >Prev</button>​ 

: 나는 이전 버튼을 클릭하면 내 첫 번째 텍스트는 그것이 내가 "4"전화 whiich 사톤 텍스트까지 다시 2를 눌러 올 것이다 "1"과 같은 표시해야합니다 다음은 HTML 부분입니다 그것은 이전의 텍스트 여기

을 보여 주어야 나는 "1"전화입니다 첫 번째 텍스트를 표시 할도 내가 이전 버튼을 클릭하면 내 스크립트

$("#slider1next").click(function() { 
    var $next = $(".text:visible").hide().next(); 
    $next.length ? $next.show() : $(".text:first").show(); 
}); 

$("#slider2next").click(function() { 
    var $next = $(".text:visible").hide().prev(); 
    $next.length ? $next.show() : $(".text:last").show(); 
});​ 

이며, 또한 당신이 볼 수 http://jsfiddle.net/ganymedes/scXQR/

Answer 1

다음 방법에 선택기를 사용하십시오 :

여기

$("#slider1next").click(function() { 
    var $next = $(".text:visible").hide().next('p'); 
    $next.length ? $next.show() : $(".text:first").show(); 
}); 

이 도움이 http://jsfiddle.net/scXQR/5/

희망이 당신의 코드를 편집합니다.