Неадекватная работа слайдера с табами

В общем сделал слайдер, нормально работает(slick slider), сунул всё это дело в табы и при переключении по ним он как бы есть(но его как бы нет). Что интересно, если открыть консоль на f12 - он появляется. Сталкивался кто с таким? Как фиксить?

$(document).ready(function () {
    $('.tab-content').hide();
    $('.tab-content:first').show();
    $('.tabs li:first').addClass('active');
    $('.tabs li').click(function () {
        $('.tabs  li').removeClass('active');
        $(this).addClass('active');
        $('.tab-content').hide();
        var selectTab = $(this).find('a').attr("href");
        $(selectTab).fadeIn();
        return false;
    });
    $('.sl').slick({
        cssEase: 'ease-in',
        asNavFor: '.sl2',
        initialSlide: 1,
        autoplaySpeed: 2000,
        fade: true,
        infinite: false,
        draggable: true
    });
    $('.sl2').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        asNavFor: '.sl',
        focusOnSelect: true,
        arrows: false,
        infinite: false,
        draggable: true,
        accessibility: false
    });
    $('.sl3').slick({
    arrows: true
    });
});