Display only first few items of a list

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?