javascript - 要素をクリックして5つのliを表示します

Question

アイテムの大きなulリストがありliます。JavaScriptを使いたいのですが、方法がわかりません。どうすればこれを作成できますか：

最初の5liが表示されます。残りは隠されています。[詳細]ボタンをクリックしたとき。クリックするたびに。表示されるliに5を提供します。jsfiddleでhtmlを作成します。

http://jsfiddle.net/FnBrx/

みんなを助けてくれてありがとう、

Answer 1

どうですか

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

FIDDLE

Answer 2

$('.more').click(function() {
    $('li a:not(:visible)').slice(0,5).show().css('color','red');
    return false;
});​

更新されたデモ

.slice(0,5)一致したセットを最初の5つの要素のみに減らします

Answer 3

あなたはこのようなことをすることができます

$('li').each(function(rowIndex){
   if(rowIndex<=5)
        $(this).show();
    }
else
{
$(this).hide();
}
});

次に、ボタンとクリックイベントで同じ機能を実装します。