slickで最初は前矢印を消したい（レスポンシブ）

Question

閲覧いただきまして、ありがとうございます。

slick.jsを使って、矢印を押すたびに画面が切り替わる仕組みを作りたいと思っているのですが、1つ目の場合は「前にもどる」ボタンを表示せず、最後の場合は「次に進む」ボタンを表示しないようにしたいと思います。（スマホ版を想定しています）

<div id="step">
  <div class="item">
    <img src="./img/item1.png" />
  </div>
  <div class="item">
    <img src="./img/item2.png" />
  </div>
  <div class="item">
    <img src="./img/item3.png" />
  </div>
</div>

  var slick = $("#step").slick({
    prevArrow: '<div class="prev-arrow"></div>',
    nextArrow: '<div class="next-arrow"></div>'
  });

Slickではできないのでしょうか？
すみませんが、どなたかお助けいただければと思います。

Answer 1

infinite: false で可能です。
teratailに質問する前に
公式サイトをよく読みましょう。
https://kenwheeler.github.io/slick/

Comments

[k10a]

ご回答いただきまして、ありがとうございます。
`infinite: false` やってみたのですが、消えなくて困っています。。
公式サイトを読まずに質問してしまい、すみません。

正確には inifinite 効果は効いていて、押せなくはなるのですが、画像は消せないという状態になります。

[k10a]

すみません、slick-disabled をいじればすぐに解消できました！