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

$grid.on( 'shown.bs.collapse hidden.bs.collapse' , function() {
    $grid.masonry();
});

Answer 2

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

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