Почему slick slider не активный в первом табе?

Question

[Alpha12]

Добрый день, делаю сайт и нужно сделать слайдер в табах. Вот весь код
Код слайдера

$('#tabs_latest .active .line_row').slick({
		slidesToShow: 5,
		loop: false,
		adaptiveHeight: true
	});

Код табов

$('ul.cat-tabs').on('click', 'li:not(.active)', function() {   
		$(this)
		.addClass('active').siblings().removeClass('active')
		.closest('#tabs_latest').find('div.tab-pane').removeClass('active').eq($(this).index()).addClass('active');
		$('#tabs_latest .active .line_row').slick({
			slidesToShow: 5,
			loop: false,
			adaptiveHeight: true
		});

});

Табы работают я скрывал через css ovetflow: hidden Вот суть какая. Первый таб он инициализирован, но слайдер начинает работать только после того как я кликну на стрелку или же сменю размер окна а изначально он такой

Фото первого таба

Если кликнуть на любой из табов, то слайжер работает. В консоли ошибок нету.
Как мне правильно написать слайдер в табах? Что бы он коректно работал . ?

Comments

[Виталий Першин]

Добавьте пример в песочницу https://codepen.io https://jsfiddle.net/