There are tabs on jQuery UI, there is a candy bar on slick.js. It is necessary to place the sliders in the tabs.?

HTML
<div id="tabs">
 <ul class="compressor_tabs">
 the <li><a href="#tab_1"><button>Piston</button></a></li>
 the <li><a href="#tab_2"><button>Screw</button></a></li>
</ul>
 <div id="tab_1">Slider 1</div>
 <div id="tab_2">Slider 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
}
}]
});
 // }


The problem is that the initialization of the slider in the tab 2 comes at a time when the tab is not present( display:non)
So when I click on таб_2, this is what happens1b51cb6e725546ee8e2598dbbc51d50e.jpg2be73d7739244f65ad649badc807dd8b.jpg
July 2nd 19 at 17:31
0 answer

Find more questions by tags jQuery