Problem with history back and animations

Problem with history back and animations

Hello,

I'm creating a website with jquery and animations. If I click on a navigation link, the content fades out and then the browser changes to the new site. But if I click on the back-button, the content of the first site is still faded out. So theser can't see the content again, just with refreshing the site. So... Is there a solution to start a new animation when the user gets to the site with the back-buttons?

Here is the code for the navigation link:

  1. $().ready(function()
    {
        $("#play").click(function ()
        {
            $("#time").animate(
            {
                opacity: "1"
            },
            1000);
            $("#navi").animate(
            {
                opacity: "1"
            },
            1000);
            $("#balken").animate(
            {
                width: "150px"
            },
            1000);
            $("#logo").animate(
            {
                width: "400px",
                height: "50px",
                left: "50px",
                marginLeft: "0px"
            },
            500);
            $("#logo").animate(
            {
                top: "50px"
            },
            500);
            $("#content").animate(
            {
                left: "-900px",
                opacity: "0"
            },
            1200, function() {
                window.location.href = 'backstage.html';
            });
        });
    });








































I hope you understand my problem, I'm not the best in english. ;)