現在、テーブルの[すべて表示]ボタンを使用して、すべてのテーブルエントリを表示しています。
しかし、私は疑問に思っていました。ユーザーが前のビューに戻ることができるように、「すべてを表示」を切り替えて「表示を少なく」を表示する方法はありますか?
これが私が使用している現在のJavaScriptです:
var numShown = 2; // Initial rows shown & index
$(document).ready(function() {
// Hide rows and add clickable div
$('table').find('tr:gt(' + (numShown - 1) + ')').hide().end().after('<div class="more">Reveal All</div>');
$('.more').click(function() {
var numRows = $(this).prev().find('tr').show();
$(this).remove();
})
});
ポインタをありがとう:-)