尝试用jquery只加载一次PHP

我设置了Jquery，所以当我点击一个按钮时，它会从另一个页面加载PHP。目前它加载这个每次我点击按钮。我想有它，所以它只加载内容一次。

//initially hides all containers
$( document ).ready(function() {
    $('.aboutcontainer,.contactcontainer,.homecontainer,.portfoliocontainer,.musiccontainer').hide();
});
//home page must show as first page on arrival
$( document ).ready(function () {
    $(".homecontainer").show();
});
//load about page
//button to start animation
$( document ).ready(function() {
    $('#about').click(function () {
        //fades unwanted pages
        $('.homecontainer,.musiccontainer, .portfoliocontainer, .contactcontainer').fadeOut({queue: false, duration: 700}); 
        //animates up unwanted pages
        $('.homecontainer, .musiccontainer, .portfoliocontainer, .contactcontainer').animate({
            'margin-Top' : "-1000px",  
        },400, 'easeInBack');
        //brings in selected page with a 0.7 second pause       
        setTimeout(function() {
            $('.aboutcontainer ').fadeIn({
                queue: false,
                duration: 100
            });
            $(".aboutcontainer").animate({
                marginTop: "115px",
            },1200,'easeOutQuint');
        }, 700 );
        //loads in selected page content
        setTimeout(function() {
            $( ".aboutcontainer" ).load( "about.php" );
        }, 1200 );
    });
});

当我以隐身模式打开它时，我也遇到了页面不加载更改页面功能的困难。

这里是该网站的链接:http://benliger.webatu.com

为什么会这样?