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

【问题标题】：jquery show more ellements ..similar with infinite scroll issuejquery 显示更多元素 ..与无限滚动问题类似
【发布时间】：2013-05-17 00:24:41
【问题描述】：

我有更多“行” 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/

感谢您的宝贵时间！

【问题讨论】：

您是否要再显示 5 个并隐藏前 5 个？还是“反向”一次只隐藏 5 行？
就像在预览中一样..首先只显示 2 ..当用户点击“显示更多”后显示下一个 div（最多 5 个），预览 div 仍然可见
我早就明白了。我想知道“这也是反向操作”的含义是什么？这是我在上面试图澄清的，但我很确定我已经清楚地理解了。
你真的不应该再使用live了。看看on。

标签： jquery scroll show-hide

【解决方案1】：

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

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

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

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

http://jsfiddle.net/SFkzs/2

【讨论】：

@menocchio 已更新。虽然slice 的方法可能有点“干净”。
嗯..喜欢..？我是 jquery 的新手... ..但是根据您的第一个输入，我设法向上滑动:) jsfiddle.net/SFkzs/3
最后的反面只显示 1 个 div 而不是 2 .. 最好在最后的反面再次显示两个 div ..谢谢 .. 我花了一些小时，没有结果：-s