Javascript 使用jquery从左到右的超级简单滑块

我想为我的网站上的一些推荐制作一个简单的内容滑块。我不需要任何花哨的效果。我所需要的是能够显示像3个证明，然后有箭头，你可以点击左，右看到更多的证明

如何使用jquery实现这一点

这就是我现在设置html的方式

<div id="testimonial-rotator">
<div class="testimonial">Testimonial 1</div>
<div class="testimonial">Testimonial 2</div>
<div class="testimonial">Testimonial 3</div>
<div class="testimonial">Testimonial 4</div>
</div>

证言1
推荐书2
推荐书3
推荐书4

您可以将类更改为id

<button id="prev" disabled="disabled">Prev</button>
<button id="next">Next</button>
<hr /> 

<div id="testimonial-rotator">
    <div id="testimonial" class="first current">Testimonial 1</div>
    <div id="testimonial2">Testimonial 2</div>
    <div id="testimonial3">Testimonial 3</div>
    <div id="testimonial4" class="last">Testimonial 4</div>
</div>

css

#证言2、#证言3、#证言4{
显示：无；
}

---

演示：

到目前为止，您能给我们看一下您的代码吗？什么不起作用？你能发布一个现场演示来重现这个问题吗？我现在没有jquery代码。我刚刚设置好html。请尝试一下，然后返回实际的JavaScript代码，人们可能会提供帮助。这里有一个插件，可以做你想做的事情。这里有一个20个滑块的列表可供选择：因缺乏努力而向下投票

$('#next').click(function() {
    $('.current').removeClass('current').hide()
        .next().show().addClass('current');
    if ($('.current').hasClass('last')) {
        $('#next').attr('disabled', true);
    }
    $('#prev').attr('disabled', null);
});

$('#prev').click(function() {
    $('.current').removeClass('current').hide()
        .prev().show().addClass('current');
    if ($('.current').hasClass('first')) {
        $('#prev').attr('disabled', true);
    }
    $('#next').attr('disabled', null);
});