jquery顯示更多ellements ..類似的無限滾動問題

我有更多的「行」div和我試圖做的是，當用戶點擊一個按鈕5更多「行」顯示...，當他點擊再次顯示另外5個也是相反的操作！你知道我如何獲得這種效果嗎？jquery顯示更多ellements ..類似的無限滾動問題

我做了什麼，因爲現在：

$('.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/

感謝您的時間！

來源

2013-05-17 menocchio

你想再顯示5個並隱藏前面的5個？或者是「相反」，一次只隱藏5行？ – Ohgodwhy

喜歡在預覽中..第一次顯示只是2 ..和當用戶點擊'顯示更多'顯示下一個div的（最多5）預覽div保持可見 – menocchio

我明白了這一點。我想知道'這個逆向操作'的含義是什麼？這正是我上面想要澄清的，但我確信我有一個清晰的認識。 – Ohgodwhy

這將顯示未來5個隱藏的行：

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

一種方法來隱藏最後5可見的（許多）是這樣的：

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

http://jsfiddle.net/SFkzs/2

來源

2013-05-17 00:37:23

真棒......並且對於那些沒戲的...你有什麼想法嗎？ – menocchio

@menocchio更新。儘管「切片」的方法可能有點「更清潔」。 –

嗯.. .. ..？我是新的jquery ... ..但基於你的第一個輸入我設法做了幻燈片:) http://jsfiddle.net/SFkzs/3/ – menocchio

jquery顯示更多ellements ..類似的無限滾動問題

回答

相關問題