每次顯示5個列表項並使用onClick並隱藏其他項

Question

我沒有jQuery技能，但需要完成我的任務。我有一個無序的15-20項目列表，並且一次只顯示5個項目。點擊一個按鈕，而其他人仍然隱藏。這就像尋呼機。當看到1-5時，應該加載6-10並且應該隱藏1-5和11-14。 I have HTML here（轉移到下面的問題）。

在此先感謝。

<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
    <li>5</li> 
 
    <li>6</li> 
 
    <li>7</li> 
 
    <li>8</li> 
 
    <li>9</li> 
 
    <li>10</li> 
 
    <li>11</li> 
 
    <li>12</li> 
 
    <li>13</li> 
 
    <li>14</li> 
 
</ul> 
 
<button onClick="next()">see more</button>

Answer 1

很簡單，我想你沒有搜索到很多...

您可以在一個一行$('li:hidden').slice(0,5).show();

Working demo here :)

實現它編輯：更新小提琴

Working demo here

編輯2：更新小提琴

Working demo here