title: Jquery list show / hide 5 items onclick
body: <p>i have a jquery problem with lists.
  I have a big list and i want when a link is clicked;
  each time the next 5 items of that list will be shown and the previous items hide.</p>
  
  <p>How can i do this?</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;1&lt;/li&gt;
  &lt;li&gt;2&lt;/li&gt;
  &lt;li&gt;3&lt;/li&gt;
  &lt;li&gt;4&lt;/li&gt;
  &lt;li&gt;5&lt;/li&gt;
  &lt;li&gt;6&lt;/li&gt;
  &lt;li&gt;7&lt;/li&gt;
  &lt;li&gt;8&lt;/li&gt;
  &lt;li&gt;9&lt;/li&gt;
  &lt;li&gt;10&lt;/li&gt;
  &lt;li&gt;11&lt;/li&gt;
  &lt;li&gt;12&lt;/li&gt;
  &lt;li&gt;13&lt;/li&gt;
  &lt;li&gt;14&lt;/li&gt;
  &lt;li&gt;15&lt;/li&gt;
  </code></pre>
  
  <p>Onload this should be shown:</p>
  
  <pre><code>1
  2
  3
  4
  5
  </code></pre>
  
  <p>when clicked on "next" </p>
  
  <pre><code>6
  7
  8
  9
  10
  </code></pre>
  
  <p>when clicked on "next"</p>
  
  <pre><code>11
  12
  13
  14
  15
  </code></pre>
  
  <p>Thanks in advance !</p>