javascript - 高さトグルと一致するjquery animate

Question

基本的に、絶対配置のコンテンツがたくさんあるコンテナがあります。の高さを上げ、mouseenter通常のオンに戻る高さトグルがありますmouseleave。ここにjqueryがあります：

function newHeightSlide(sel1,sel2){
    $(sel1).mouseenter(function(){
        $(sel2,this).animate({
            height: 'toggle'
        },'normal');
    });
    $(sel1).mouseleave(function(){
        $(sel2,this).animate({
            height: 'toggle'
        },'normal');
    });
}

問題は、絶対配置による高さの変化により、要素が重なる可能性があることです

絶対配置を作成するためにJquery Masonryを使用しています。そこで.animate の完了部分にコールバック関数を追加してみましたが、それはアニメーションが完了した後にのみ関数を実行します

アニメーション中にこの関数を呼び出す必要があるため、高さが 1 つの要素に達すると、その下の要素が絶対位置にある場合でも下に移動します

私はすでに必要な機能を持っています。トグルアニメーションと一致するように呼び出して、複数回実行し、アニメーションとともに流れるアニメーション効果を作成できるようにする必要があります。height:"toggle"

追加情報

重要な場合のために、コールバック関数を次に示します。

$('#posts').masonry({
    itemSelector: '.post, .post_photo',
    isAnimated: false
});

注: isAnimated が false に設定されているのは、true の場合、遷移は容易になりますが、構成中に他の機能が移動し、非常に乱雑に見えるためです。この関数をtoggle高さの実行に合わせて実行できたとしても、これは違いはありません。この方法では、高さを単純にアニメーション化する場合と同じように緩和されるため、とにかく緩和のように見えます。