Jquery .slice()

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;

function showHide(){
if ( $("#areaall div").last().text().trim() == $(".review div:visible").last().text().trim())
  {
    $('.next').hide();
  }
  else if ($("#areaall div").first().text().trim() == $(".review:visible div").first().text().trim()) {
    $('.prev').hide();
  }
}

$('.next').click(function() {
  $('.prev').show();
  
    rvwList.slice(start, start + x).hide();
    start += x;
    rvwList.slice(start, start + x).show();
    showHide();
    console.log('size_li is:' + size_li);
    console.log('start is:' + start);
    console.log('start is:' + end);  
});
$('.prev').click(function() {
    $('.next').show();
    rvwList.slice(start, start + x).hide();
    start -= x;
    rvwList.slice(start, start + x).show();
    showHide();
});