fade: true
из настроек слайдера, из обработчиков клика - второй параметр из вызова slickGoTo
(это который тоже true
). Кстати, а зачем отдельный обработчик каждой кнопке? - можно повесить один общий:const $slider = $('#slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
adaptiveHeight: true,
dots: false,
prevArrow: false,
nextArrow: false,
speed: 900,
});
const $buttons = $('button').click(function() {
$slider.slick('slickGoTo', $buttons.index(this));
});