$(document).ready(function(){
$('.work-item').load('content.php');	//by default initally load text from content.php
        $('#nav a, .arrow-prev a, .arrow-next a').click(function() { //start function when any link is clicked
	 				$(".work-item").fadeOut("fast");
					 var content_show = $(this).attr("title"); //retrieve title of link so we can compare with php file
						$.ajax({
						method: "get",url: "content.php",data: "page="+content_show,
						success: function(html){ //so, if data is retrieved, store it in html
						$(".work-item").fadeIn("slow"); //animation
						$(".work-item").html(html); //show the html inside .content div
				 }
			 }); //close $.ajax(
        }); //close click(
}); //close $(