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

Question

我有更多“行” div，我尝试做的是，当用户单击一个按钮时，会显示 5 个更多“行”......当他再次单击时，它会再显示另外 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