Jquery 图像滑块工作不正常

我试图使图像滑块与3个图像，我想要的是当我点击下一个按钮，下一个图像应该出现在一个时间只有一个李应该是可见的

我用索引值试过了，我想按照上面提到的索引值显示li 这是代码

<div class="container">
<ul class="thediv">
<li><img src="images/1.jpg" width="620" height="320" /></li>
<li><img src="images/2.jpg" width="620" height="320" /></li>
<li><img src="images/3.jpg" width="620" height="320" /></li>
</ul>
</div>
<a href="" id="next">Next</a>
<a href="" id="prev">Previous</a> 

这是为了更好地理解

---

提前感谢

单击“下一步”时，您将显示所有3个图像，因为您将循环浏览所有图像并调用show。但是，由于您的ul高度/宽度与overflow:hidden一起定义，因此在显示图像时，您看不到图像。要演示，请删除.container ul{width:620px；overflow:hidden；height:320px；}样式，然后单击Next

我会用以下方式简化您的方法：

$(document).ready(function(){   
    $("#next").click(function(){
          var next = $(".thediv li:visible").next();
          next.show().prev().hide();        
    });

      $("#prev").click(function(){
          var prev = $(".thediv li:visible").prev();
          prev.show().next().hide();       
    });
});   

---

完美的布雷迪，非常感谢：我正在学习jquery，所以我只是想再次做这个滑块谢谢