jQuery Masonryの高さ再構築について

Question

この度jQueryで壁にぶつかり、質問させて頂きます。

現在開発中のWEBサービスにて、jQuery Masonryとアコーディオン機能を組み合わせたページを構築する流れとなっております。

画面イメージとしては・・
Pinterestにアコーディオン機能が付いており、各帯をクリックする毎に内容が表示される機能です。
【Point】横幅は制限がありますが、縦幅には制限が無く、アコーディオンが開閉する毎にグリッド部分の再構築（ムーブアクション）を行いたいのですが、それが上手くいきません。

実際のソース（抜粋）：
html

<div class="c-wrap">
～ここから～
                    <div class="box">
                        <div class="item-area">
                            <div class="img"><img src="https://placehold.jp/150x150.png" alt=""/></div>
                            <div class="item-cont">ここは見えてる文章<br>ここは見えてる文章<br>
                            	ここは見えてる文章<br>ここは見えてる文章</div>
                        </div>
                        <div class="grad-item">ここに隠したい文章<br>ここに隠したい文章<br>ここに隠したい文章<br>ここに隠したい文章<br>ここに隠したい文章<br>ここに隠したい文章</div>
                        <button class="more"></button>
                    </div>
～ここまでがLoopで複数のデータが表示される～
</div>

js（アコーディオン）

<script>
$(function() {
  $('.more').click(function(event) {
      jQuery('.c-wrap').masonry("reload");
    $(this).siblings('.grad-item').slideToggle();
    $('.more').not($(this)).siblings('.grad-item').slideUp();
      return false;
  })
});
</script>

js（Masonry）

<script>
$(window).load(function(){
    $('.c-wrap').masonry({
	// options
	itemSelector: '.box',
	columnWidth: '.box',
	horizontalOrder: true,
        isAnimated:true});
      });
</script>

jQuery初心者でして具体的な構文までをサポート頂けますと幸いです。
よろしくお願い致します。

Answer 1

ドキュメントを見てみたところ、少しメソッドが変わっているようでした。（このプラグインでいいのですよね？）
reloadItems | Masonry · Methods

Comments

[shonn]

ご確認ありがとうございます。
このプラグインになります。

[Lhankor_Mhy]

ご解決ということですか？