title: Fade in and out owl carousel effect not working
body: <pre><code>    &lt;script&gt;
      $(document).ready(function () {
            $("#owl-demo").owlCarousel({
                navigation: true,
                navigationText: ["", ""],
                slideSpeed: 300,
                paginationSpeed: 400,
                autoPlay: true,
                mouseDrag: true,
                singleItem: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut'
            });
        });
      &lt;/script&gt;
  </code></pre>
  
  <p>Above is my owl carousel quote, i want to have the fade in and out effect but it doesnt seems to appear. Instead it appears as sliding effect.</p>