I have setup a ajax website where I use the history API for a better user experience with a javascript fallback for browsers that don't support the API. I have to say that I've used files from a demo site from the maker of the fallback script, because my javascript/jQuery knowledge is 0.2.
I have a div where I load the AJAX content in which is hidden on page load. In the other div I have a isotope grid with items and clicking on a item will slide-in the AJAX div and loads at the same time the AJAX content.
To slide in/out the AJAX div I just remove/add a class (slide-in) with jQuery on the grid div and animate margin-left with a CSS transition.
This all works well if you click links and buttons in the HTML and I even managed to remove the 'slide-in' class if an AJAX page gets loaded or accessed directly in the browser.
But... I need also to remove the 'slide-in' class when user use the browser back/forward button and the url is
http://aggenebbis.nl/ralph/homeI'm working on the website at the URL at the bottom and if you click on an item and use the browser back/forward button you'll see what I mean.
You'll need the following credentials to gain access:
username: jquery
pass: forum
Thanks for your time!