jquery显示更多元素..类似于无限滚动问题

Question

我有更多的“行”div，我尝试做的是，当用户点击按钮时，更多的“行”显示...当他再次点击它再显示另外5个 这也是相反的操作！ 你知道我怎么能获得这种效果吗？

我从现在开始做了什么：

$('.row:gt(1)').hide(); //show just two row's

$('.showmore').live('click',function(e) {
    e.preventDefault();
    $('.row').not(':visible').each( function() {

        $(this).nextAll(':lt(3)').slideDown();

    });
});

小提琴链接：http://jsfiddle.net/SFkzs/

谢谢你的时间！

Answer 1

这将显示接下来的5个隐藏行：

$('.row:hidden:lt(5)').slideDown();

隐藏最后5个可见的一种（很多）方式是：

$($('.row:visible').get().reverse()).filter(":lt(5)").slideUp();

http://jsfiddle.net/SFkzs/2