title: CustomScrollbar correct resize to toggle?
body: <p>please tell me. How to properly resize for CustomScrollbar in Toggle?
  Now works only after two clicks..</p>
  
  <p><a href="http://jsfiddle.net/xmocartx/ktTKe/" rel="nofollow">http://jsfiddle.net/xmocartx/ktTKe/</a></p>
  
  <pre><code>    $( document ).ready(function() {
      var open = $('.open'),
      a = $('.location_cont').find('a.open');
      console.log(a.hasClass('active'));
      open.click(function(e){
      e.preventDefault();
      var $this = $(this),
          speed = 300;
      if($this.hasClass('active') === true) {
          $this.removeClass('active').next('.item_in').slideUp(speed);
      } else if(a.hasClass('active') === false) {
                  $(".item_in ul").css("resize", true);
          $this.addClass('active').next('.item_in').slideDown(speed);
      } else {
          a.removeClass('active').next('.item_in').slideUp(speed);
          $this.addClass('active').next('.item_in').delay(speed).slideDown(speed);
      }
  });
  });
  
  $( document ).ready(function() {
      $(".item_in ul").customScrollbar({
      skin: "default-skin", 
      hScroll: false,
      });
      $(document).on("click",function(){
                  $(".item_in ul").customScrollbar("resize", true);
      });
  
  });
  </code></pre>