Slick slider не работает после display none

При клике на ссылку меняется контент. в Services и cases находятся слайдеры, когда кликаешь первый раз все работает и показывает но если кликнуть на другую ссылку а потом назад то слайдр пропадает

$('.services').css('display', 'none');
$('.cases').css('display', 'none');
$('.about').css('display', 'none');
$('.contacts').css('display', 'none');


$('#homee').click(function() {
    $('.main').fadeIn(2000)
    $('.services').fadeOut()
    $('.cases').fadeOut()
    $('.about').fadeOut()
    $('.contacts').fadeOut()
    $('.main').css('display', 'flex');
})
$('#servicess').click(function() {
    $('.services').fadeIn(2000)
    $('.main').fadeOut()
    $('.cases').fadeOut()
    $('.about').fadeOut()
    $('.contacts').fadeOut()
    $('.services').css('display', 'block');
    $('.services-column').not('.slick-initialized').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        arrows: false,
        autoplay: true,
        infinite: false,
        autoplaySpeed: 4000,
    })
})
$('#casess').click(function() {
    $('.cases').fadeIn(2000)
    $('.main').fadeOut()
    $('.services').fadeOut()
    $('.about').fadeOut()
    $('.contacts').fadeOut()
    $('.cases').css('display', 'flex');
    $('.cases-column').not('.slick-initialized').slick({
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: false,
        arrows: false,
        autoplay: true,
        autoplaySpeed: 3000,
    })
})
$('#aboutt').click(function() {
    $('.about').fadeIn(2000)
    $('.main').fadeOut()
    $('.services').fadeOut()
    $('.cases').fadeOut()
    $('.contacts').fadeOut()
    $('.about').css('display', 'block');
})
$('#contactss').click(function() {
    $('.contacts').fadeIn(2000)
    $('.main').fadeOut()
    $('.services').fadeOut()
    $('.cases').fadeOut()
    $('.about').fadeOut()
    $('.contacts').css('display', 'block');
})