javascript - 一次显示多个隐藏内容的 div

Question

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

唯一需要注意的是，从来没有固定数量的 div，可能有 5、20 或 102，这些数字不是静态的或已知的。

我不能将 AJAX 用于解决方案，因此将所有内容都放在页面上并一次将 4 个 div 附加到可见列表是解决方法。

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

Answer 1

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

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

http://jsfiddle.net/LyTbn/

您还可以使用slice方法：

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