1

私はより多くの「行」divを持っており、私がやろうとしているのは、ユーザーがボタンをクリックするとさらに5つの「行」が表示され、もう一度クリックするとさらに5つ表示され、これの逆の操作です! どうすればこの効果を得ることができるか分かりますか?

私が今からやったこと：

$('.row:gt(1)').hide(); //show just two row's

$('.showmore').live('click',function(e) {
    e.preventDefault();
    $('.row').not(':visible').each( function() {

        $(this).nextAll(':lt(3)').slideDown();

    });
});

フィドル リンク: http://jsfiddle.net/SFkzs/

御時間ありがとうございます！

4

1 に答える 1

1

これにより、次の 5 つの非表示の行が表示されます。

$('.row:hidden:lt(5)').slideDown();

表示されている最後の 5 つを非表示にする (多くの) 方法の 1 つは、次のとおりです。

$($('.row:visible').get().reverse()).filter(":lt(5)").slideUp();

http://jsfiddle.net/SFkzs/2

于 2013-05-17T00:37:23.407 に答える