$('.banner .slick').slick({ autoplay: true, arrows: true, dots: true, accessibility: true, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 1, arrows: false, } }, { breakpoint: 768, settings: { slidesToShow: 1, arrows: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, arrows: false, } },] }); $('.s1-banner>ul').slick({ autoplay: false, arrows: true, dots: false, slidesToShow: 3, slidesToScroll: 1, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 3, arrows: false, } }, { breakpoint: 768, settings: { slidesToShow: 2, arrows: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, arrows: false, } },] }); $('.s4-list>ul').slick({ autoplay: true, arrows: true, dots: true, slidesToShow: 3, slidesToScroll: 1, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 3, arrows: false, } }, { breakpoint: 768, settings: { slidesToShow: 2, arrows: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, arrows: false, } },] }); $('.s5-list>ul').slick({ autoplay: true, arrows: true, dots: true, slidesToShow: 3, slidesToScroll: 1, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 3, arrows: false, } }, { breakpoint: 768, settings: { slidesToShow: 2, arrows: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, arrows: false, } },] }); $('.s5-tit>b').click(function(){ $(this).stop().addClass('on').siblings('b').removeClass('on'); var index = $(this).index(); console.log($('.s5-list ul')); $('.s5-list>.slick-slider').eq(index).stop().addClass('on').siblings('ul').removeClass('on'); $('.s5-tit a').eq(index).stop().fadeIn().siblings('a').hide() })