slider V2 メモ

  let btn = {
    next: $("btn要素"),
    prev: $("btn要素"),
  }

  let parts = {
    width: 406,
    left: 0,
    index: 0,
    $prent: $("スライドターゲット"),
    slide_anime: function() {
      $child = this.$prent.children();
      len = $child.length - 1;
      parts.$prent.stop().animate({
        left: -parts.width + "px"
      }, 600, function() {
        $child.filter(':first-child').appendTo(parts.$prent);
        parts.$prent.css('left', '');
      });
    },
    slide_prev: function() {
      $child = this.$prent.children();
      len = $child.length - 1;
      parts.$prent.stop().animate({
        left: parts.width + "px"
      }, 600, function() {
        $child.filter(':last-child').prependTo(parts.$prent);
        parts.$prent.css('left', '');
      });
    },

  };

letをvarに変えても同じ動きをします。

ブラウザ側で、見た時に、見えていない所に、要素を置いとくのもとても大事です。
例）　３←見えていない　１２３←見えている　１２３←見えていない　１２←見えていない。

あとは、コードを見ればだいたいわかっていたがけるかと思います。

では、参考までに