简单的点击切换div问题？

Question

<div class="boxDiv">     <img class="rightBtn" src="img/CustomBlackNext.gif" alt=""/>     <img class="leftBtn" src="img/CustomBlackPrevious.gif" alt=""/>     <div>第一个div</div>     <div>第二个div</div>     <div>第三个div</div> </div> <script> var divs=$(".boxDiv>div"); $(".rightBtn").click(function(){     for(var i=0;i<divs.length;i++){         $(divs[i]).hide();         $(divs[i+1]).show();     } }) </script>.boxDiv是相对定位，.boxDiv>div除了第一个是显示的其他都是隐藏的。想要实现的效果就是点击右箭头隐藏当前div显示下一个div,点击左箭头隐藏当前div显示上一个div.   js应该怎么写？div个数不定，所以用循环但是不知道哪里出了问题，请教各位！！！跪谢！！！！！！！！！！！