Load More Items

mock_ajax.js

function mockAjax() {
	// The element containing a number of items, some of which you want to hide at first
	var cont = $('#deal_cnt');

	// Hide all but the first 5.
	$("div.deal:gt(4)", cont).hide();
	
	// On-click, load up to 5 more unless there are not left, then hide the button.
	$('#load_more_deals').show().live('click', function() {
	    var hidden_divs = $("div.deal:hidden", cont);
	    if (hidden_divs.size() <= 5) {
	        $(this).hide();
	    }
	    hidden_divs.slice(0, 5).slideDown();
	    return false;
	});
}