Why slide show didn't work in live preview? <p>1-Why slide show didn't work in live preview?</p> <p>it working in my desktop but when i share it in live preview it didn't work</p> <pre><code>&lt;div class="slide-show-content"&gt;&lt;!-- /image gallery slideshow--&gt; &lt;div class="slide-show-default"&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div id="app" class="col-xs-12"&gt; &lt;div id="wrapper-sliderTv"&gt; &lt;!-- sliderTV html--&gt; &lt;div id="sliderTV" class="sliderTV"&gt; &lt;!-- slidable items in carousel --&gt; &lt;div id="item-0" class="sliderTV__item"&gt; &lt;h1&gt;Amélie&lt;/h1&gt; &lt;img src="assets/amelie.jpg"&gt; &lt;/div&gt; &lt;div id="item-1" class="sliderTV__item"&gt; &lt;h1&gt;Django Unchained&lt;/h1&gt; &lt;img src="assets/django-unchained.jpg"&gt; &lt;/div&gt; &lt;div id="item-2" class="sliderTV__item"&gt; &lt;h1&gt;Fight Club&lt;/h1&gt; &lt;img src="assets/fight-club.jpg"&gt; &lt;/div&gt; &lt;div id="item-3" class="sliderTV__item"&gt; &lt;h1&gt;Forrest Gump&lt;/h1&gt; &lt;img src="assets/forrest-gump.jpg"&gt; &lt;/div&gt; &lt;div id="item-4" class="sliderTV__item"&gt; &lt;h1&gt;Inglourious Basterds&lt;/h1&gt; &lt;img src="assets/inglourious-basterds.jpg"&gt; &lt;/div&gt; &lt;div id="item-5" class="sliderTV__item"&gt; &lt;h1&gt;Inside Out&lt;/h1&gt; &lt;img src="assets/inside-out-2015.jpg"&gt; &lt;/div&gt; &lt;div id="item-6" class="sliderTV__item"&gt; &lt;h1&gt;Interstellar&lt;/h1&gt; &lt;img src="assets/interstellar.jpg"&gt; &lt;/div&gt; &lt;div id="item-7" class="sliderTV__item"&gt; &lt;h1&gt;Léon: The Professional&lt;/h1&gt; &lt;img src="assets/leon-the-professional.jpg"&gt; &lt;/div&gt; &lt;div id="item-8" class="sliderTV__item"&gt; &lt;h1&gt;San Andreas&lt;/h1&gt; &lt;img src="assets/san-andreas.jpg"&gt; &lt;/div&gt; &lt;!-- optional navigational arrows --&gt; &lt;div class="sliderTV__prev"&gt;&amp;#10096;&lt;/div&gt; &lt;div class="sliderTV__next"&gt;&amp;#10097;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p></p> <p>2-why when i used owl carousel slider let some other jquery hidden?</p> <p>here the problem it hidden when i use in same section the owl carousel</p> <pre><code> &lt;li class="body"&gt; &lt;div class="collapse" id="media-one"&gt; &lt;div class="body-content"&gt; &lt;div class="icons-default"&gt;&lt;!--icons--&gt; &lt;div class="icons"&gt; &lt;ul class="icons-content"&gt; &lt;li&gt; &lt;button class="btn" type="button"&gt; &lt;i class="fa fa-commenting"&gt;&lt;/i&gt; &lt;/button&gt; &lt;span&gt;comment&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;button class="btn" type="button"&gt; &lt;i class="fa fa-heart"&gt;&lt;/i&gt; &lt;/button&gt; &lt;span&gt;like&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;button class="btn" type="button"&gt; &lt;i class="fa fa-share-alt"&gt;&lt;/i&gt; &lt;/button&gt; &lt;span&gt;share&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="comments"&gt;&lt;!-- comments--&gt; &lt;ul class="comments-content clearfix"&gt; &lt;!-- item 1--&gt; &lt;li class="img"&gt; &lt;img src="imgs/media/post-profile.png" alt="//" /&gt; &lt;/li&gt; &lt;li class="details"&gt; &lt;span class="head"&gt;Mohamed Samy&lt;/span&gt; &lt;span class="text"&gt; Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis &lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;ul class="comments-content clearfix"&gt; &lt;!-- item 2--&gt; &lt;li class="img"&gt; &lt;img src="imgs/media/post-profile.png" alt="//" /&gt; &lt;/li&gt; &lt;li class="details"&gt; &lt;span class="head"&gt;Mohamed Samy&lt;/span&gt; &lt;span class="text"&gt; Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis &lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;ul class="comments-content clearfix"&gt; &lt;!-- item 3--&gt; &lt;li class="img"&gt; &lt;img src="imgs/media/post-profile.png" alt="//" /&gt; &lt;/li&gt; &lt;li class="details"&gt; &lt;span class="head"&gt;Mohamed Samy&lt;/span&gt; &lt;span class="text"&gt; Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis &lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/li&gt; </code></pre> <p>i hope my question is clear now</p> <p>live link</p> <p><a href="http://atonvision.github.io/mediadata/" rel="nofollow">http://atonvision.github.io/mediadata/</a></p>