Jquery有序列表加载更多元素

我有一个有100个元素的有序列表

---

是否有一种方法可以通过“加载更多”按钮10 x 10显示内容？这里，这将帮助您开始

---

这里有一个连续循环的版本，一次显示10个

也许其中一些会有帮助：为什么你需要一个插件来实现这个？因为我不知道怎么做。

$('button').click(function() {

    var total = $('li').length,
        hidden = $('li:hidden').length,
        diff = (total - hidden === total) ? 0 : total - hidden,
        max = 10 + diff;

    $('li').slice(diff, max).show();

});