Jquery 使用onClick一次显示5个列表项并隐藏其他项

Jquery 使用onClick一次显示5个列表项并隐藏其他项,jquery,css,Jquery,Css,我没有jQuery方面的技能,但需要完成我的任务。我有一个15-20项的无序列表,一次只想显示5项。单击一个按钮,而其他按钮保持隐藏状态。这有点像寻呼机。当看到1-5时,应加载6-10,1-5和11-14应隐藏。(下面进入问题) 提前谢谢 一, 二, 三, 四, 五, 六, 七, 八, 九, 十, 十一, 十二, 十三, 十四, 查看更多非常简单,我猜您没有搜索太多 您可以通过$('li:hidden').slice(0,5).show()在一行中实现它 编辑:更新的小提琴 编辑2:更

我没有jQuery方面的技能,但需要完成我的任务。我有一个15-20项的无序列表,一次只想显示5项。单击一个按钮,而其他按钮保持隐藏状态。这有点像寻呼机。当看到1-5时,应加载6-10,1-5和11-14应隐藏。(下面进入问题)

提前谢谢

  • 一,
  • 二,
  • 三,
  • 四,
  • 五,
  • 六,
  • 七,
  • 八,
  • 九,
  • 十,
  • 十一,
  • 十二,
  • 十三,
  • 十四,

查看更多
非常简单,我猜您没有搜索太多

您可以通过
$('li:hidden').slice(0,5).show()在一行中实现它

编辑:更新的小提琴

编辑2:更新的小提琴


该网站旨在解决编程问题,而不是期望其他人做你的工作。请告诉我们您尝试了什么以及遇到了什么问题。@Byte仓鼠是的,我知道,但不幸的是,我目前没有可用的工作方式,我试图使用for循环实现此目的,但遇到了问题。当所有项目都显示出来后,单击按钮应再次从前5项开始,这一部分对我来说似乎很棘手。是的,这很好,但是另一部分也显示了它,它一次只能显示5个:(很抱歉给您带来不便,让我试着解释一下页面上应该显示前五项,然后用户单击查看更多,然后加载接下来的5项,第二次单击应该加载剩余的项,当全部完成后,再次单击**查看更多**应该再次从前五项开始。希望这能澄清。绝对没有澄清。):)。比方说:当页面加载时,显示12345->第一次单击->12345被隐藏,显示678910->第二次单击->678910被隐藏,11131314被显示。对吗?你想在第二次单击时显示1121314和1吗?还是想在第一次单击后继续显示12345?