How can I use jQuery and/or CSS3 to change how many unordered list items are displayed?
===

Hey fine folks of Stack Overflow.

I have a bunch of unnested, unordered list items. They look like this:

![my list items][1]

I want the user to be able to increase or decrease (preferably with a nice animation) the number of these list items that are displayed on the page, say, via + and - buttons. How can I best do this with jQuery and/or CSS3?


  [1]: http://i.stack.imgur.com/2D8ko.png