JSFiddle - React, Tailwind, and code Playground

by Vipin Patil

HTML

<div id="content" class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<div id="recommendations"> <!-- class="carousel slide clearfix" data-ride="carousel" data-interval="false" -->
    <div class="title-wrap clearfix margin-bottom-15">
<h3 class="col-xxs-12 no-padding font-bree pull-left">Our Recommendations</h3>
     </div>
   <div class="video-lists margin-bottom-10">
       <div class="row" id="recommendations_videos"></div>
<!--.row-->
<div class="video-lists-hidden">
<div class="row" id="recommendations_videos_hid">

<!--.video-item-->
</div>
</div>
<!--.video-lists-hidden-->
</div>
<!--.video-lists-->
<div class="text-center_1" id="text-center">
<!--Add class name "loading" for animate(rotate) icon-->
<a href="javascript:void(0)" class="load-more_1" id="load_more_fetaure" style="display: inline-block;"><span class="icon icon-refresh"></span>SHOW ME MORE...</a> </div>
</div>
<!--#recommendations-->
<div id="main-carousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="inner">
<div class="slide-image col-xs-12 col-sm-12 col-md-12 col-lg-12"> <img src="http://homeveda1.homeveda.com/assets/images/beauty&amp;welness.jpg" alt="Alt Text" pagespeed_url_hash="3861328515"> </div>
<div class="slide-text col-xs-12 col-sm-12 col-md-12 col-lg-12">
<!--<h2>Has pain become your constant companion and you need to find a remedy soon?</h2>-->
</div>
</div>
</div>
<div class="item">
<div class="inner">
<div class="slide-image col-xs-12 col-sm-12 col-md-12 col-lg-12"> <img src="http://homeveda1.homeveda.com/assets/images/infection &amp; allergies.jpg" alt="Alt Text" pagespeed_url_hash="3861328515"> </div>
<div class="slide-text col-xs-12 col-sm-12 col-md-12 col-lg-12">
<!--<h2>Has pain become your constant companion and you need to find a remedy soon?</h2>-->
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#main-carousel" role="button" data-slide="prev">...

JavaScript

$("#recommendations_videos:empty").parent().parent().hide();