this page starts out loading content with .load from a php page that
returns different content depending on the URL parameters or a
default. After it is loaded any other link loads pages using .ajax
with nice animations. I can't figure out how to do a fadein or
anything else to the initial page .load, - either it doesn't like my
function syntax or I see no effect.. Can anyone help?
$(document).ready(function(){
var page_name = $(document).getUrlParam("page");
$('.inner').load('content.php?page='+ page_name)
$("div#content").corner("dog2 30px");
$('#off a').click(function() {
if(!$(this).hasClass("current")) {
var _Href = $(this).attr('href');
$('#off a').removeClass("current");
$(this).addClass("current");
var content_show =
$(this).attr("title");
$.ajax({
method: "get",url:
"content.php",data: "page="+content_show,
beforeSend:
function(){$("#loading").show("slow");},
complete: function(){
$("#loading").hide("slow");},
success: function(html){
$(".inner").fadeIn(3000, function () {
});
$(".inner").html(html);
document.title =
content_show;
}
}); //close $.ajax(
}
return false;
});
}); //close click(
