Display only first few items of a list
Hello, I have a list similar to this:
<ul>
<li>Item 1</li>
<li>Item 2</li>
...
<li>Item 50</li>
</ul>
Is there some way I can use jquery to display only the first 10 items, for example, then below the tenth item display a link that says "Display All" and after clicking that link the rest of the list appears below the first 10 items?
I know how to use the show and hide methods, but how do I write a function that only shows the first 10 items?