Isotope Packery Expanded State Positioning Issue

Question

I'm developing a site using isotope packery with combination filters with an expanded state on click. I'm also using sort-by 'random' to sort the thumbs on page load.

The issue I'm having is that whenever I click an unfiltered thumb, the item returns to its sort-by 'name' position before expanding.

Also if I select a filter (try 'b' in the example) and then click a thumb, the item returns to its unfiltered state x and y coord before expanding/flipping.

Is there a way to disable the above so it opens at the original / filtered state x and y coord?

I'd also like the first click expanded state to return to its unexpanded state whenever I click a second thumbnail - does anyone know how to implement this too?

The example I have is here:

http://www.ilabdesign.net/test/index.html

Thanks for the help!

Answer 1

Thanks for the help - I've now tidied things up to use the packery layout with isotope and have implemented a different click / rollover state so solved for now :)