jquery - nicescroll、div がサイズを変更したときに自動的にサイズ変更する必要があります

Question

多く<article>のテキストを含むタグがあり、通常は横にjqueryのnicescrollが表示されますが、タグの高さを変更できる要素（折りたたみ可能な要素）が含まれている場合、 <article>nicescrollはリロードしたくありません。

私のコード:

<article class="item">
  <div class="reference">some text</div>
  <a href="#long-2" data-toggle="collapse" class="reference-long arr_down"></a>
  <div id="long-2" class="collapse">some text</div>
</div>

をクリックaするarticleと大きくなりますが、素敵なスクロールをリロードする必要があります。折りたたまれたアイテムが再び閉じられたら、同じことをする必要があります。

jquery は時々動作し、Safari ブラウザでは動作しません:

$(document).ready(
function() {
$("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
}
);
$(function() {  
$('.reference-long').click(function(){
    $("article").getNiceScroll().remove();
    $("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
  });
});

Answer 1

resize()の代わりに関数を使用remove()

$("article").getNiceScroll().resize();