Freemasonry - automatic adjustment when changing the height of an element

Question

I use masonry in my application. Everything worked perfectly, except that the height of the objects changes (like an accordion), the masonry does not adjust the layout. What can I do to fix this?

Answer 1

Whenever items change, you must tell masonary to reinstall everything:

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

Answer 2

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