jquery next prev with text

Question

大家好，我正在努力做到这一点，我有两个按钮，它们分别是提供隐藏和显示文本的“next”和“prev”。我的第一个文字必须像“1”显示当我点击上一个按钮，它会再来2，按直到4吨文本whiich我称之为“4”这里是HTML的一部分：

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

我想再次按下一个按钮我想显示的是所谓的“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/

希望这有助于。