title: Load more script for content using jquery
body: <p>I am using below script but it's not working for my script    want to keep limit 3 boxes after 3 boxes if user wants more he have to click load more link  i gave a live link to see i want load more for that boxes  or any new  code for load more jsut give me?</p>
  
  <pre><code>  &lt;ul id="myList"&gt;
      &lt;li&gt;One&lt;/li&gt;
      &lt;li&gt;Two&lt;/li&gt;
      &lt;li&gt;Three&lt;/li&gt;
      &lt;li&gt;Four&lt;/li&gt;
      &lt;li&gt;Five&lt;/li&gt;
      &lt;li&gt;Six&lt;/li&gt;
      &lt;li&gt;Seven&lt;/li&gt;
      &lt;li&gt;Eight&lt;/li&gt;
      &lt;li&gt;Nine&lt;/li&gt;
      &lt;li&gt;Ten&lt;/li&gt;
      &lt;li&gt;Eleven&lt;/li&gt;
      &lt;li&gt;Twelve&lt;/li&gt;
      &lt;li&gt;Thirteen&lt;/li&gt;
      &lt;li&gt;Fourteen&lt;/li&gt;
      &lt;li&gt;Fifteen&lt;/li&gt;
      &lt;li&gt;Sixteen&lt;/li&gt;
      &lt;li&gt;Seventeen&lt;/li&gt;
      &lt;li&gt;Eighteen&lt;/li&gt;
      &lt;li&gt;Nineteen&lt;/li&gt;
      &lt;li&gt;Twenty one&lt;/li&gt;
      &lt;li&gt;Twenty two&lt;/li&gt;
      &lt;li&gt;Twenty three&lt;/li&gt;
      &lt;li&gt;Twenty four&lt;/li&gt;
      &lt;li&gt;Twenty five&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div id="loadMore"&gt;Load more&lt;/div&gt;
  &lt;div id="showLess"&gt;Show less&lt;/div&gt;
  
  $(document).ready(function () {
      size_li = $("#myList li").size();
      x=3;
      $('#myList li:lt('+x+')').show();
      $('#loadMore').click(function () {
          x= (x+5 &lt;= size_li) ? x+5 : size_li;
          $('#myList li:lt('+x+')').show();
      });
      $('#showLess').click(function () {
          x=(x-5&lt;0) ? 3 : x-5;
          $('#myList li').not(':lt('+x+')').hide();
      });
  });
  
  #myList li{ display:none;
  }
  #loadMore {
      color:green;
      cursor:pointer;
  }
  #loadMore:hover {
      color:black;
  }
  #showLess {
      color:red;
      cursor:pointer;
  }
  #showLess:hover {
      color:black;
  }
  </code></pre>
  
  <p>i want to work for this but  i was not able to get </p>
  
  <pre><code> &lt;div class="row carousel-row lss"&gt;
          &lt;div class="col-xs-8 col-xs-offset-2 slide-row"&gt;
              &lt;div id="carousel-1" class="carousel slide slide-carousel" data-ride="carousel"&gt;
                &lt;!-- Indicators --&gt;
                &lt;ol class="carousel-indicators lsse"&gt;
                  &lt;li data-target="#carousel-1" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                  &lt;li data-target="#carousel-1" data-slide-to="1"&gt;&lt;/li&gt;
                  &lt;li data-target="#carousel-1" data-slide-to="2"&gt;&lt;/li&gt;
                &lt;/ol&gt;
  
                &lt;!-- Wrapper for slides --&gt;
                &lt;div class="carousel-inner"&gt;
                  &lt;div class="item active"&gt;
                      &lt;img src="http://lorempixel.com/150/150?rand=1" alt="Image"&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img src="http://lorempixel.com/150/150?rand=2" alt="Image"&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img src="http://lorempixel.com/150/150?rand=3" alt="Image"&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="slide-content"&gt;
                  &lt;h4&gt;Example product&lt;/h4&gt;
                  &lt;p&gt;
                      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
                      sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
                  &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="slide-footer"&gt;
                  &lt;span class="pull-right buttons"&gt;
                        &lt;button class="btn btn-sm btn-info" onclick="relocateTo('jobtitle.html')"&gt;&lt;i class="fa fa-fw fa-eye"&gt;&lt;/i&gt;View Job&lt;/button&gt;
  
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>live url: <a href="http://projects.santabantathegreat.com/glassicam/design2/dashboard.html" rel="nofollow">click here to see</a></p>