Question

Is it possible to force opened jQuery Isotope divs to open above all the other ones forcing them down – so even if a box is at the bottom it will jump to the top once clicked on?

At the moment it looks quite random – some jump down a line, some move over to the right, etc. What I am trying to do is once a div is clicked on it jumps up to the top left and takes over the whole line while the other unclicked divs all jump down to the line below.

The jsFiddle link is http://jsfiddle.net/djsbaker/gPuD9/

Answer 1

You can use sorting and updateSortData to move the newly clicked item to the ‘top’ of the collection. This is the technique used for this demo: http://jsfiddle.net/desandro/S5vAG/2/light/