title: Slick Slider with Nav tabs
body: <p>I'm trying to use Slick Slider with Bootstrap 4 tabs and also to make my tabs responsive with slick slider as well. Everything works but when I call slick slider on tabs the whole thing breaks. Basically when I click a tab stays active even if I change it.</p>
  
  <p>My code:</p>
  
  <pre><code>$(document).ready(function(){
    $('.your-class').slick({
      infinite: true,
      slidesToShow: 3,
      slidesToScroll: 3
    });
  });
  
  
  $('.nav-tabs a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    $('.your-class').slick('setPosition');
  })
  
  
  $(document).ready(function(){
    $('.nav-tabs').slick({
      infinite: true,
      slidesToShow: 3,
      slidesToScroll: 3
    });
  });
  </code></pre>
  
  <p><a href="https://codepen.io/gohan_360/pen/QWjaMmq" rel="nofollow noreferrer">Codepen</a></p>
  
  <p>Any ideas? Thank you</p>