Jquery show more

jquery.show-more.js

jQuery.fn.extend({
	hideOther: function(num){
		var elem = $(this);
		$(elem).wrapAll('<div class="other-all-outer"></div>').attr('data-num', 2).after('<div class="more-btn btn btn-transparent">Загрузить еще</div>').children('.item').slice(num).wrapAll('<div class="other-all"></div>').parent().hide();
		$(this).closest('.other-all-outer').find('.more-btn').on('click', function(e){
			e.preventDefault();
			var offset_num = parseInt($(elem).data('num')),
			count = num * offset_num;
	        $(this).closest('.other-all-outer').find('.other-all').children('.item').unwrap();
	        offset_num++;
	        $(elem).data('num', offset_num).children('.item').slice(count).wrapAll('<div class="other-all"></div>');
	        if($('.other-all', elem).length == 0) $(this).hide();
		})
	}
})

$('section.gallery .swiper-wrapper').hideOther(8);