Integrating WordPress within an Animation Layout

Hi Natasha,

I don't know the exact detail of how it works but based on the demo link it appears to add a class to the body and the content section which uses a combination of the CSS / jQuery to hide the grid and show the appropriate article.

It never actually moves the user to another page as all the content is on the same page, just hidden until clicked / required.

If you use developer tools in the browser (usually found by clicking F12) you'll see the classes applied to the body tag as you click it.

Hope that helps a little :)

-Rich

Thanks!

I got a little further.

I'm still unsure of how to do this but I read that you can change the url without refreshing the page with html5: http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

I added this but it's still not working:

$('.grid__item').click(function (event) { event.preventDefault(); var url = $(this).attr('href'); window.history.replaceState("object or string", "Title", 'localhost'); // this will change your url });