제가 slick슬라이더를 사용해서 tab형태로 만들었는데요..

텝을 누를때마다 슬라이더 이미지가  몇초? 뒤에 나오던데.. 바로 보이게 할수 있나요?

아니면 원래 slick을 tab에 적용하면 이런건가요?

원래는 보여지는 이미지가 4개에 택스트 4개 입니다.

근데 아래 이미지처럼 탭을 눌렀을경우 이미지가 숨겨져 있다가 몇초뒤에 글자랑 텍스트가 나옵니다ㅠ

=============================

$('.project_slider').slick({
        autoplay: true,
        autoplaySpeed: 4000,
        infinite: true,
        arrows:true,
        speed: 1000,
        swipe:false,
        pauseOnFocus:false,
        focusOnSelect: false,
        pauseOnHover:false,
        slidesToShow:4,
        slidesToScroll:1,

        responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 1
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1
          }
        }
      ]
    });

==================================

  $(document).ready(function(){
    // main_project
    $('.list li').on('click',function(e){
        n=$('.list li').index($(this));
        $('.list li').eq(n).addClass('on').siblings().removeClass('on');
        $('.list_content').eq(n).addClass('on').siblings().removeClass('on');
        e.preventDefault();
    });
});