title: how to destroy Owl-carousel class that have multiple div
body: <p>how to destroy Owl-carousel  class that have multiple div.I have to destroy when change into mobile mode and again init when desktop mode change?? please somebody help me..</p>
  
  <pre><code>function resizeWindow() {
  
    if ($(window).width() &lt;= 600) {
  
      $("#options-list").owlCarousel({
        loop: true, //options-list-owl-               
        items: 3,
  
  
        pagination: false,
      });
      if (typeof $(".product-list").data('owlCarousel') !== 'undefined') {
  
        $(".product-list").data('owlCarousel').destroy();
      }
    } else {
  
      $(".product-list").owlCarousel({
        loop: true, //product-list-owl-
        items: 3,
        itemsDesktop: [1024, 3],
        pagination: false,
      });
      if (typeof $("#options-list").data('owlCarousel') !== 'undefined')
        $("#options-list").data('owlCarousel').destroy();
  
  
    }
  }
  </code></pre>