jQuery使用控件循环遍历列表项

Question

我想创建一个简单的插件，使用两个单独的按钮循环显示列表项。列表不必是无限循环，它只需要在正确的位置显示/隐藏正确的项目，具体取决于单击的按钮。

起初我在考虑使用边距，但我不再那么肯定了。 有什么建议吗？

http://jsfiddle.net/XEUkK/

Answer 1

我最终为遇到类似问题的人提出了这个解决方案。

$('.list > li:first').addClass('active');
    $('.up').click(function(){
     $('.active').next().addClass('active').prev().removeClass('active');
     $('.list > li:first').before($('.list > li:last'));
     });

        $('.down').click(function(){
            $('.active').prev().addClass('active').next().removeClass('active');        
            $('.list > li:last').after($('.list > li:first'));
        });