Jquery .slice()

by carter steinhoff

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div id="areaall">
  <div class="review">
    <div>1</div>
  </div>
  <div class="review">
    <div>2</div>
  </div>
  <div class="review">
    <div>3</div>
  </div>
  <div class="review">
    <div>4</div>
  </div>
  <div class="review">
    <div>5</div>
  </div>
  <div class="review">
    <div>6</div>
  </div>
  <div class="review">
    <div>7</div>
  </div>

</div>

<!--buttons-->
<button class="prev" style="display:none" ;> prev </button>
<button class="next"> next </button>

JavaScript

var rvwList = $("#areaall .review").hide();
rvwList.slice(0, 2).show();
var size_li = rvwList.length;
var x = 2;
start = 0;
$('.next').click(function() {
  $('.prev').show();
  if (start + x < size_li) {
    rvwList.slice(start, start + x).hide();
    start += x;
    rvwList.slice(start, start + x).show();
    console.log('size_li is:' + size_li);
    console.log('start is:' + start);
    console.log('start is:' + end);
  } else if (start + x >= size_li) {
    $('.next').hide();
  }
});
$('.prev').click(function() {
  $('.next').show();
  if (start - x >= 0) {
    rvwList.slice(start, start + x).hide();
    start -= x;
    rvwList.slice(start, start + x).show();
  } else if (start - x <= size_li) {
    $('.prev').hide();
  }
});