<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><!--Add jQuery Source Script here //--></head><body><div><!--Add all your links here with the same href but different IDs //--><a href="javascript:void(0);" id="test"> test </a>| <a href="javascript:void(0);" id="test2"> test </a></div><!-- This is the main area that will change //--><div id="content">blah</div><!-- End Area! //--><script type="text/javascript">$(document).ready(function() {/* add more of those below and change the a#test to the ID of each link and change the page */$("a#test").click(function(){ $("#content").load("tutorials.php").fadeIn("slow"); }); /*dont put any under this */}); </script></body></html>