<!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 id="navigation"><!--Add all your links here with the same href but different IDs //--><a href="URL TO THE PAGE" id="test"> test </a>| <a href="URL TO THE PAGE" id="tutorial"> tutorial</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 */$("#navigation a").click(function(){ if ($(this).attr('class') == 'external') { var file = $(this).attr('href'); } else { var file = $(this).attr('id') + '.php'; } $("#content").load(file).fadeIn("slow"); return false; }); /*dont put any under this */}); </script></body></html>