Question

Suppose I have many elements, and isotope works perfectly.

Now, when a user click “show image” on one of the links inside an element, the element shows an image. The problem is…isotope doesn’t automatically take this into account, and the image “overlaps” with the element underneath it.

How do I fix this?

I would like the bottom element to automatically move down, to make room for the expanded top element.

Answer 1

Just call reLayout on your container after the item changes size.

$('#myContainer').isotope('reLayout');