带文本的Jquery下一个prev

大家好，我正在尝试这样做，我有两个按钮，分别是“下一步”和“上一步”，它提供隐藏和显示文本。我的第一个文本必须像“1”一样显示，当我单击“上一步”按钮时，它将出现2并再次按下，直到有四个文本我称之为“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>​

---

您还可以看到

在下一种方法中尝试使用选择器：

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

下面是对代码的编辑

---

希望这有帮助。

到底是什么问题？你想在4点后回到1点吗？请单击“下一步”按钮直到4，然后再按一次将不显示任何内容我要再次按“下一步”按钮并显示1，然后按“上一步”按钮显示4

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