syannu
4/26/2017 - 3:51 AM

hoge個ずつ要素を表示(もっと見る)

(function($) {
	var $menu    = $('.wrp-menu-list td');
	var $btnMore = $('.wrp-menu-list .menu-btn-more');

	var numDef       = 10;  // 初期表示数
	var numShow      = numDef;
	var numMenuEmpty = $('.wrp-menu-list .js-empty').length;
	var numMenu      = $menu.length - numMenuEmpty;

	$('.wrp-menu-list td:gt(' + (numDef - 1) + ')').hide();  // 11個目以降は非表示
	
	// 初期表示数以下の場合はもっと見る非表示
	if (numMenu <= numDef) {
		$btnMore.hide();
	}

	$btnMore.on('click', function() {
		numShow += numDef;  // もっと見るで表示する数
		$('.wrp-menu-list td:lt(' + numShow + ')').show();

		if (numMenu <= numShow) {
			$btnMore.hide();
		}
	});
})(jQuery);