分页数

Question

我最近在我的网站上添加了一个分页 - Code Below 它有效但每次我有更多的内容它显然增加了一个新的数字的seqeunce。我遇到的问题是数字没有到达某个点并停止它们只是不断地填满页面的底部。

有没有人知道我怎么能改变我的代码所以说只有5个数字是可见的，直到我开始向下移动，即。如果我在数字1上它将显示为5，然后当我在5时它将显示为10等。

任何帮助将不胜感激。谢谢

(function($) {

 // all content number 
var totalContent = $("section").length;
  // post number in a page
var onePageContent = 9;,

  //Page number and Math.round for balancing page
  $("section:gt(" + (onePageContent - 1) + ")").hide();
var totalPage = Math.round(totalContent / onePageContent);

  // create page link
  for(i= 1; i <= totalPage; i++) {    
    $(".pagination").append("<li><a href='javascript:void(0)'>" + i + "</a></li>");
  }

  // first page added active class
  $(".pagination li:first").addClass("active");

  // click function
  $(".pagination li").on("click", function() {

      var index = $(this).index() + 1;
      var gt = onePageContent * index;

      $(".pagination li").removeClass("active");
      $(this).addClass("active");    
      $("section").hide();

      for(i = gt - onePageContent; i < gt; i++) {      
        $("section:eq(" + i + ")").show();
      }       
      }); 
 })($);