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

我有更多的“行”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();

    });
});

小提琴链接：

---

谢谢你的时间

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

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

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

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

---

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

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

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

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

---

您是否要再显示5个，并隐藏前5个？或者“反向”只是一次隐藏5行？就像在预览中一样..第一次只显示2..当用户单击“显示更多”显示下一个分区（最多5个）后，预览分区仍然可见。我已经理解了这一点。我想知道“这也是反向操作”的含义是什么？这正是我试图在上面阐明的，但我很确定我已经有了一个清晰的理解。你真的不应该再使用

live

。查看上的

。是否要再显示5个并隐藏前5个？或者“反向”只是一次隐藏5行？就像在预览中一样..第一次只显示2..当用户单击“显示更多”显示下一个分区（最多5个）后，预览分区仍然可见。我已经理解了这一点。我想知道“这也是反向操作”的含义是什么？这正是我试图在上面阐明的，但我很确定我已经有了一个清晰的理解。你真的不应该再使用
live
。查看

@menocchio Updated上的

。虽然使用
slice
的方法可能有点“干净”。嗯..像。。？我是jquery新手。。但是根据你的第一个输入，我设法做了幻灯片：）结尾处的倒转是1个部分，而不是2..如果在结尾处的倒转中能再次出现两个部分，那就太好了..谢谢。。我花了几个小时在这上面，但没有结果：-s@menocchio更新。虽然使用
slice
的方法可能有点“干净”。嗯..像。。？我是jquery新手。。但是根据你的第一个输入，我设法做了幻灯片：）结尾处的倒转是1个部分，而不是2..如果在结尾处的倒转中能再次出现两个部分，那就太好了..谢谢。。我花了几个小时在这上面，但没有结果