Question

I have a big ul list with li items. I would like to use JavaScript but I don’t know how. How can I make this:

The first 5 ‘s li are visible. The rest is hidden. When you click the more button. Every time you click. It offers 5 to li’s displayed. I make the html in jsfiddle.

http://jsfiddle.net/FnBrx/

Thanks for helping guys,

Answer 1

How about

$('li:gt(3)').hide();​​​​​​​​​​​​​​
$('.more').on('click', function(){
    $('li:visible:last').nextAll(':lt(4)').show();
});

​
FIDDLE