when i change loaded script

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

into new version f.e
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

its collapsing, other page #page1 #page2 etc. is loading, but can't do it right. Any ideas, how to load new jquery library?

The code works perfectly, however when I use another anchor for example to send people back to the top of the page, it treats it as an ajax query and it gives me the "This page does not exist" error. Is there a way to fix this?

Thanks.

function loadPage(url)
{
	url=url.replace('#page','');

	$('#loading').css('visibility','visible');

	$.ajax({
		type: "POST",
		url: "load_page.php",
		data: 'page='+url,
		dataType: "html",
		success: function(msg){
			if(parseInt(msg)!=0)
			{
				$('#pageContent').html(msg);
				$('#loading').css('visibility','hidden');
			}
			function(output){
				setTimeout(
					function() {
						$("#pageContent")
						.empty()
						.append(output)
						.fadeIn('slow', function(){
							$(document).ready(function(){
								$(".extLink").fancybox({
									'width' : '75%',
									'height' : '100%',
									'autoScale' : false,
									'transitionIn' : 'elastic',
									'transitionOut' : 'fade',
									'type' : 'iframe'
								});
							})
						}, 600);
					});
				}
		}
	});

}

I have one question, how to get one of the buttons to get active status to style with css?

I can't figure out how to make this work..