Javascript 滑动多个元素的块，推进整个块（jQuery）

我有一个任意数量的元素，我想通过幻灯片。我已经创建了一个示例来向您展示我的尝试

$(document).ready(function() {
var events = 13;
var num = 1;

for(var i = 1; i <= events; i++) {
  $('<div class="anyEventDiv" id="anyDiv' + i + '">'
    + '<div class="check"><span>N' + i + '</span></div></div>').appendTo(".container");
}

if(events > 6) {
  $('<div class="sliderLeft">left</div>').prependTo(".container");
  $('<div class="sliderRight">right</div>').appendTo(".container");

  for(var y = 7; y <= events; y++) {
    $("#anyDiv" + y).css("display", "none");
  }
}

$(".sliderRight").on('click', function() {
  if(num <= (events - 6)) {
    $("#anyDiv" + (6 + num)).css("display", "table-cell");
    $("#anyDiv" + num).css("display", "none");

    num++;
  }
});

$(".sliderLeft").on('click', function() {
  if(num > 1) {
    $("#anyDiv" + (6 + num - 1)).css("display", "none");
    $("#anyDiv" + (num - 1)).css("display", "table-cell");

    num--;
  }
});
});

$（文档）.ready（函数（）{
var事件=13；
var-num=1；
对于（变量i=1；变量i=6）{
$（'left'）.prependTo（'container'）；
$（'right'）.appendTo（'container'）；
对于（var y=7；y嗯，我对这个场景做了很多研究。我不知道答案是否会引起任何人的兴趣，但是有一个人对此感兴趣。下面是我对jQuery（）所做的：

$（文档）.ready（函数（）{
var事件=13；
var num=0；
var rem=事件%6；
对于（变量i=1；变量i=6）{
$（'left'）.prependTo（'container'）；
$（'right'）.appendTo（'container'）；
对于（变量y=7；y=6）{
对于（var k=1；k
$(document).ready(function() {
var events = 13;
var num = 0;
var rem = events % 6;

for(var i = 1; i <= events; i++) {
  $('<div class="anyEventDiv" id="anyDiv' + i + '">'
    + '<div class="check"><span>N' + i + '</span></div></div>').appendTo(".container");
}

if(events > 6) {
  $('<div class="sliderLeft">left</div>').prependTo(".container");
  $('<div class="sliderRight">right</div>').appendTo(".container");

  for(var y = 7; y <= events; y++) {
    $("#anyDiv" + y).css("display", "none");
  }
}

$(".sliderRight").on('click', function() {
  if(events - 6 - num >= 6) {
    for(var k = 1; k <= 6; k++) {
      $("#anyDiv" + (6 + num + k)).css("display", "table-cell");
      $("#anyDiv" + (num + k)).css("display", "none");
    }

    num = num + 6;
  }
  else {
    for(var k = 1; k <= rem; k++) {
      $("#anyDiv" + (6 + num + k)).css("display", "table-cell");
      $("#anyDiv" + (num + k)).css("display", "none");
    }
  }
});

$(".sliderLeft").on('click', function() {
  if(num > 1) {
    for(var k = 0; k <= 5; k++) {
      $("#anyDiv" + (6 + num + rem - k)).css("display", "none");
      $("#anyDiv" + (num + rem - k)).css("display", "table-cell");
    }

    num = num - 6;
  }
  else {
    for(var k = 1; k <= rem; k++) {
      $("#anyDiv" + (k + 6)).css("display", "none");
      $("#anyDiv" + k).css("display", "table-cell");
    }
  }
});
});