Javascript 当使用jquery单击ShowMore按钮时，如何显示下一个x限制li

我有以下脚本，工作完美。它只显示第一个x元素li，单击“显示更多”后显示所有元素。当我点击showmore按钮，比如我需要x元素显示，下一个x元素显示和soo时，我该如何进行限制？这里是我的代码

$（'.tabNav ul'）。每个（函数（）{
var LiN=$（this.find（'li'）.length；
如果（LiN>3）{
$（'li'，this.eq（5）.nextAll（）.hide（）.addClass（'togleable'）；
$（this.append（“
more…
”）；
}
});
$（'.tabNav ul'）。on（'单击'，'.more'，函数（）{
if（$（this）.hasClass（'less'））{
$（this）.text（'More…'）.removeClass（'less'）；
}否则{
$（this.text（'Less…'））.addClass（'Less'）；
}
$（this.this（'li.toggleable'）.slideToggle（）；
});

---

非常感谢您的帮助。

这里介绍了如何使用step和

切片切换


var步骤\u nbr=2；
var min_nbr=6；
$（'.tabNav ul'）。每个（函数（）{
var LiN=$（this.find（'li'）.length；
如果（LiN>3）{
$（'li'，this.eq（5）.nextAll（）.hide（）.addClass（'togleable'）；
$（this.append（“
more…
”）；
}
});
$（'.tabNav ul'）。on（'单击'，'.more'，函数（）{
var visible_lis=$（'.tabNav ul li:visible'）。长度；
if（$（this）.hasClass（'less'））{
$（this）.prevAll（'li:not（.togleable'））.slice（0，step_nbr）.addClass（'togleable'）.hide（）；
如果（$（'li:visible'）.length提供您正在使用的HTML以及脚本将对试图帮助您的社区成员更有帮助：）。
1
2
3
4
5
6
7
在下一个网桥中有php空缺：）：）您应该编辑您的OP（原始帖子）要添加额外的信息，如HTML，在评论中它是不可读的。是的，你可以看到facebook上的页面进行查询