title: Owl Carousel breaks when initialized in hidden container
body: <p>When Owl Carousel is initiated in a hidden element and that element is then displayed through a trigger, the width of the carousel items is completely wrong (until window gets resized):</p>
  
  <p><a href="http://jsfiddle.net/93cpX/183/" rel="nofollow">Fiddle</a> (click on red link, see the broken layout appearing, then resize the window)</p>
  
  <p>This issue was <a href="https://github.com/smashingboxes/OwlCarousel2/issues/207" rel="nofollow">discussed more than a year ago on Github</a>, but nothing I can use. And Owl Carousel hasn't been updated since before the discussion.</p>
  
  <p>Any suggestion?</p>
  
  <pre><code>$('.owl-carousel').owlCarousel({
      items: 3,
      loop:true,
      nav:true,
  })
  
  $(".trigger").click(function(){
      $(".target").toggleClass("hidden");
  });
  </code></pre>