Question

我在页面上有20个div，其中4个最初显示，底部有更多链接。单击更多链接应该使接下来的4个div可见，直到最终所有div都可见。

唯一的注意事项是，从来没有一定数量的div，可能有5,20或102这个数字不是静态的或已知的。

我不能使用AJAX作为解决方案，因此拥有页面上的所有内容并一次将4个div添加到可见列表是解决方法。

有没有人知道这样做或有解决方案的插件？

Answer 1

您可以使用:lt和:hidden选择器并选择前四个隐藏的div元素：

$('#your-button').click(function(){
   $('.divs:hidden:lt(4)').show()
})

您还可以使用slice方法：

$('div:hidden').slice(0, 4).show()