<p class='name'>text</p>
<p class='name'>text</p>
<p class='name'>text</p>
<p class='name'>text</p>
<p id='more'>Показать ещё</p>
function showMore (a, element, more) {
var q=1, length=element.length;
for (var i=a; i<element.length;i++) {
element.eq(i).css('display', 'none');
}
more.on('click', function() {
for (var i=a*q; i<a*q+a; i++) {
element.eq(i).css('display', 'block');
}
q++;
if (element.eq(length-1).css('display')=='block') {
more.css('display', 'none');
}
})
}
var elements = $('.name'), button = $('#more');
showMore(2, elements, button); //будут показываться по 2 элемента за раз
Говнокод столетней давности, но работать должен
