JQUERY MASONRY AND EXPANGER BOXES ANIMATION

Question

Je fais un site avec une page qui affiche des boîtes (de la même taille) avec du contenu (vidéo + texte) qui dépense un click() un événement. La page utilise maçonnerie Pour réorganiser les cases une fois l'on s'ouvre ou se ferme. Cette page est fortement basée sur ce post, où fugueur fourni cette démo.

Cela fonctionne presque à 100% dans mon cas, mais j'ai un bug d'animation lorsque la boîte se développe. Il semble que la boîte se développe, se rétracte un peu et se développe définitivement. Tout cela en quelques secondes. La page s'exécute avec Worpdress pour charger les messages et utilise également faire défiler Pour faire défiler la fenêtre à la bonne position après l'étendue d'une boîte et Vimeo 'pour avoir un contrôle externe des vidéos dans les cases.

J'ai configuré un jsfiddle pour reproduire le comportement. J'ai remarqué que si je commente cette ligne: $('#grid').masonry(); dans le animer de la $('.box').click(function(){ Cela fonctionne bien, mais tue l'animation de réorganisation bien sûr.

Je suis presque sûr que la solution est très proche, mais je n'arrive pas à le clouer.

Une démo en direct du site peut être vu ici.

Merci d'avance.