Как сделать появление кнопки пред.слайда при нажатии на кнопку след.слайда?

Question

[Vladislav]

Всех приветствую, есть такая идея, изначально у слайдера при загрузке страницы видна только кнопка пролистывания слайдов вперед, когда юзер пролистнул один слайд, то есть нажал на эту кнопку, слева появилась кнопка пролистывания предыдущего слайда и когда дойдет до первого слайда, кнопка снова пропадет, спасибо всем, кто поможет

Answer 1

[EastJesus]

Добавляйте кнопке класс, этому классу добавляйте стиль для изначального скрытия (display: none или opacity: 0)
При клике на вторую кнопку меняйте этот стиль у первой кнопки, делая ее видимой

Answer 2

[YavaDev]

Для начала надо убрать зацикливание слайдера. Для этого пропишите свойство infinite: false
После этого slickSlider уже сам будет давать кнопкам класс .slick-disabled.
Ну а дальше делайте с кнопками то, что вам нужно, например:

.slick-arrow {
  transition: opacity 0.3s ease;
}
.slick-arrow.slick-disabled {
  opacity: 0;
}