Here us a js fiddle with an up all night off the top of my head method http://jsfiddle.net/MtBSe/1/
Hope it helps
Html:
<body>
<ul class="blogroll">
<li><a href="#">Title 1</a></li>
<li><a href="#">Title 2</a></li>
<li><a href="#">Title 3</a></li>
<li><a href="#">Title 4</a></li>
<li><a href="#">Title 5</a></li>
<li><a href="#">Title 6</a></li>
<li><a href="#">Title 7</a></li>
<li><a href="#">Title 8</a></li>
<li><a href="#">Title 9</a></li>
<li><a href="#">Title 10</a></li>
<li><a href="#">Title 11</a></li>
<li><a href="#">Title 12</a></li>
<li><a href="#">Title 13</a></li>
<li><a href="#">Title 14</a></li>
<li><a href="#">Title 15</a></li>
<li><a href="#">Title 16</a></li>
</ul>
<a href="#" class="pager" data-page="1"> Next </a>
</body>
jQuery:
$(function (){
var pageSize = 4;
var count = 0;
currentPage = $('.pager').data('page');
$(".blogroll li").each(function(i){
count = i % 4 == 0 ? count + 1 : count;
$(this).addClass("listGroup" + count);
}).not(".listGroup" + currentPage).hide();
$('.pager').on("click", function(e){
currentPage = currentPage < count ? currentPage + 1 : 1;
$(this).data("page", currentPage);
$(".blogroll").find("li").hide().end().find(".listGroup" + currentPage).show();
});
});