title: mCustomScrollbar plugin having confusing trouble
body: <p>I use cycle plugin for my banner with caption and the caption has a scrollbar as in the image below. I use <code>mCustomScrollbar</code> to style the scrollbar. The scrollbar works fine in the first caption, but when I apply it in second caption the scrollbar does not appear. What is the reason that this happens, is it related to <code>cycle</code> or what?</p>
  
  <p>The image below shows the problem:</p>
  
  <p><img src="https://i.stack.imgur.com/pYmsn.gif" alt="enter image description here"></p>
  
  <p>The code (JavaScript):</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.cycle.all.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
      $('.slider').cycle({
      fx: 'scrollHorz',
      slideExpr: "img:not(.hide)",
      slideResize: false,
      containerResize: false,
      speed: 500,
      timeout: 5000,
      after:  function(curr,next,opts) {
              var index=opts.currSlide;   
              $('#caption div.captionContent:visible').hide();
              $('#caption div.captionContent').eq(index).show();
              }
  
      });
      });
  
  &lt;/script&gt;
  &lt;script src="js/jquery.mCustomScrollbar.concat.min.js"&gt;&lt;/script&gt;
   &lt;script&gt;
          (function($){
              $(window).load(function(){
                  $(".cc").mCustomScrollbar({
                      scrollButtons:{
                          enable:true
                      }
                  });
              });
            &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="banner"&gt;
          &lt;div id="caption"&gt;
            &lt;div class="captionContent slide5"&gt;
              &lt;div class="cc"&gt;
                &lt;p&gt;Our clients receive a personalised one on one service from one of our principles to guide them from the initial brief to the final completion of their project.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="captionContent"&gt;&lt;/div&gt;
            &lt;div class="captionContent"&gt;&lt;/div&gt;
            &lt;div class="captionContent"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div class="slider"&gt;
              &lt;img class="hide" src="images/banner1.jpg" alt="slider 1" /&gt;
              &lt;img src="images/banner5.jpg" alt="slider 1" /&gt;
              &lt;img src="images/banner2.jpg" alt="slider 1" /&gt;
              &lt;img src="images/banner3.jpg" alt="slider 1" /&gt;
              &lt;img src="images/banner5.jpg" alt="slider 1" /&gt; 
          &lt;/div&gt;
      &lt;/div&gt;&lt;!-- end banner --&gt;
  </code></pre>