重复的服务内容不显示

Question

我有猫头鹰旋转木马，当复制它不会显示的内容为什么是

jsfiddle

       <div class="col-sm-12">
      <div id="service-slider" class="owl-carousel">
      <!--Service item 1 -->
 <div class="item">
<div class="service-items">
    <img class="img-circle service-slider-image" 
        src="images/service-slider1.jpg" alt="">
    <div class="service-details">
        <h3>Engagement  Make up</h3>
        <!--                                        
            <p>Dramatically maintain clicks-and-mortar solutions without 
            functional solutions. Completely synergize resource </p>
                                            --><!--                                         
            <a href="#" class="more-service"><i class="fa fa-plus"></i></a>
                                             -->                                 
    </div>
</div>

Answer 1

也许我不能正确理解你的问题。但为什么不删除hide content signs

见下文

＆＃13;

＆＃13;

<section id="service">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="col-sm-12">
                            <div class="theme-title-area">
                                <h2>SERVICES</h2>
                                <h6>— What can I do for you?</h6>
                            </div>
                        </div>
                    </div>
                    <!-- service slider -->
                    <div class="col-sm-12">
                        <div id="service-slider" class="owl-carousel">
                            <!--Service item 1 -->
                            <div class="item">
                                <div class="service-items">
                                    <img class="img-circle service-slider-image" src="images/service-slider1.jpg" alt="">
                                    <div class="service-details">
                                        <h3>Engagement  Make up</h3>
                                                                             <p>Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource </p>
                                                                                  <a href="#" class="more-service"><i class="fa fa-plus"></i></a>
                                                                      
                                    </div>
                                </div>
                            </div>
                            <!--END OF Service item 1 -->
                            <!--Service item 2 -->
                            <div class="item">
                                <div class="service-items">
                                    <img class="img-circle service-slider-image" src="images/service-slider2.jpg" alt="">
                                    <div class="service-details">
                                        <h3>Pre-Wedding  Make up</h3>
                                        <!--                                        <p>Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource </p>
                                            --><!--                                         <a href="#" class="more-service"><i class="fa fa-plus"></i></a>
                                            -->                                 
                                    </div>
                                </div>
                            </div>
                            <!--END OF Service item 2 -->
                            <!--Service item 3 -->
                            <div class="item">
                                <div class="service-items">
                                    <img class="img-circle service-slider-image" src="images/service-slider3.jpg" alt="">
                                    <div class="service-details">
                                        <h3>Reception Make up</h3>
                                                                        <p>Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource </p>
                                                                                  <a href="#" class="more-service"><i class="fa fa-plus"></i></a>
                                                                     
                                    </div>
                                </div>
                            </div>
                            <!--END OF Service item 3 -->
                            <!--Service item 4 -->
                            <div class="item">
                                <div class="service-items">
                                    <img class="img-circle service-slider-image" src="images/service-slider1.jpg" alt="">
                                    <div class="service-details">
                                        <h3>Celebrity Make </h3>
                                                                           <p>Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource </p>
                                                                             <a href="#" class="more-service"> <i class="fa fa-plus"></i></a>
                                                                  
                                    </div>
                                </div>
                            </div>
                            <!--END OF Service item 4 -->
                            <!--Service item 5 -->
                            <div class="item">
                                <div class="service-items">
                                    <img class="img-circle service-slider-image" src="images/service-slider2.jpg" alt="">
                                    <div class="service-details">
                                        <h3>Fashion</h3>
                                                                       <p>Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource </p>
                                                                            <a href="#" class="more-service"> <i class="fa fa-plus"></i></a>
                                                               
                                    </div>
                                </div>
                            </div>
                            <!--END OF Service item 5 -->
                            <!--Service item 6 -->
                            <div class="item">
                                <div class="service-items">
                                    <img class="img-circle service-slider-image" src="images/service-slider3.jpg" alt="">
                                    <div class="service-details">
                                        <h3>Hair Styles</h3>
                                                                       <p>Dramatically maintain clicks-and-mortar solutions without functional solutions. Completely synergize resource </p>
                                                                                <a href="#" class="more-service"> <i class="fa fa-plus"></i></a>
                                                                     
                                    </div>
                                </div>
                            </div>
                            <!--END OF Service item 6 -->
                        </div>
                    </div>
                    <!-- end of service slider -->
                </div>
            </div>
            <!-- end of service slider -->
        </section>

＆＃13;

＆＃13;

＆＃13;