Masonry - auto adjusting when the height of an item changes

Question

I am using masonry in my application. Everything worked fine except when the height of the items change (like an accordion) masonry is not adjusting the layout. What can I do to fix it?

Answer 1

Whenever the items are resized, you need to tell masonary to re-layout everything:

$('.ui-accordion').bind('accordionchange', function(event, ui) {
    $('#container').masonry();
});