[jQuery] Hide & show list items after nth item

jquery-list-shorten-hide-show.js

$(document).ready(function(){

  // Source: http://stackoverflow.com/a/7973317/851045
	$('ul.sub-category').each(function(){
		var max = 3
		if ($(this).find("li").length > max+1) {
			$(this)
			.find('li:gt('+max+')')
			.hide()
			.end()
			.append(
				$('<li class="more">Lihat selebihnya...</li>').click( function(){
					$(this).siblings(':hidden').show().end().remove();
				})
			);
		}
	});

});