title: nicescroll, need to resize automatically when div changes it size
body: <p>I have <code>&lt;article&gt;</code> tag, which contains lot of text and it's usually showed with a jquery nicescroll beside, but if it contains an element which can change height 'some collapsable element) of the  <code>&lt;article&gt;</code> tag and nicescroll doesn't want to reload.</p>
  
  <p>my code:</p>
  
  <pre><code>&lt;article class="item"&gt;
    &lt;div class="reference"&gt;some text&lt;/div&gt;
    &lt;a href="#long-2" data-toggle="collapse" class="reference-long arr_down"&gt;&lt;/a&gt;
    &lt;div id="long-2" class="collapse"&gt;some text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>if I click on <code>a</code>, the <code>article</code> becomes bigger but I need to reload the nice scroll, when the collapsed item is clossed again, I need do the same.</p>
  
  <p>jquery, which works just sometimes and doesn't work in the Safari browser:</p>
  
  <pre><code>$(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});
    });
  });
  </code></pre>