javascript - ボタンを押した後に行を表示

Question

行と「もっと読み込む」

デフォルトで行 #1 を表示し、「さらに読み込む」ボタンを押すと、毎回別の行を読み込みます。私はすでに行にコンテンツを持っています（AJAXは必要ありません）が、ボタンが押されたときにそれを表示できるようにしたいだけです。

score 2 · Accepted Answer

このjsFiddle の例を参照してください。

jQuery を使用した JavaScript 部分:

$('#loadmore').click(function(){
     $('tr.hide').first().removeClass('hide').addClass('show'); 
});

score 1 · Accepted Answer

すべての行でデフォルトで使用display: none;します (行 #1 を除く)。

次に、クリックするたび.show()に、指定された行またはで使用します。

$('BUTTON_SELECTOR').click(function(){
    $('ROWS_CONTAINER_SELECTOR:hidden:first').show();
});

score 0 · Accepted Answer

すでにデータがある場合は、コンテナ div をに設定しoverflow: hidden、サイズを変更して、クリックするたびに余分な行を表示するだけです。

$("#button").click(function(){
   $("#container").css("height","+=150");
});

3 に答える 3