jQuery Forum

I am working on a website where I have used jQuery isotope – mansonary script http://isotope.metafizzy.co . In the some extend it works fine.

I have set up 3 filters for the tiles elements.

1.Home: http://www.burstyourthirst.com/projects/isotope/

Showing the all the elements

2.Nieuws: I have used (#elements) for showing the tiles by filtering the div class by ‘news’

3.Projecten: I have used (#fetures) for showing the tiles by filtering the div class by ‘project’

After loading the home page you can navigate from Home, Nieuws, Projecten tabs and you can see that the filtering is going on properly.

There is an another tab ‘Publicaties’ which is out of isotope – just lining to an internal page. So you click on ‘Publicaties’ tab and go to that page. Now from the top navigation if you click on the Nieuws & Projecten tabs it just goes to the index page but does not showing up the proper filtering as per the navigation tab clicked.

It should be shown the Nieuws filtered tiles if I click on Nieuws tab from any other internal page. Currently it is showing the URL http://www.burstyourthirst.com/projects/isotope/index.html#elements  but showing all the tiles like the default home page.

In isotope there is similar feature to get HASH History like http://isotope.metafizzy.co/demos/hash-history.html#content=&filter=.metal&sortBy=weight&layoutMode=cellsByRow

But I am not very much expert of jQuery. So, I need some suggestion on my code what I currently using.

Here is my current isotope code.

http://pastebin.com/mBTeTCkG

Please check and let me know where and how to add the hash history code in my page so that the filter will also work when I navigate from any other URL/internal page.