Есть табы на jQuery UI, есть сладер на slick.js. Надо поместить слайдеры в табы.?

Question

[Виталий]

HTML

<div id="tabs">
	<ul class="compressor_tabs">
		<li><a href="#tab_1"><button>Поршневые</button></a></li>
		<li><a href="#tab_2"><button>Винтовые</button></a></li>
	</ul>
	<div id="tab_1">Слайдер 1</div>
        <div id="tab_2">Слайдер 2</div>
</div>

JS

// var tabInit = $('#tab_2').attr('aria-hidden');
	// if (tabInit = false) {
		$('.screw_slider').slick({
		slidesToShow: 1,
		prevArrow: '.screw_prev',
		nextArrow: '.screw_next',
		slidesToScroll: 1,
		responsive: [
			{
			breakpoint: 768,
			settings: {
				arrows: false
			}
			}]
	});
	// }

Проблема в том, что инициализация слайдера в табе 2 происходит в тот момент, когда таба нету( дисплей:нон)
Поэтому когда я нажимаю на таб_2, происходит вот что