This is a simple navigation/tab example for slick slider.

Slick slider navigation

var afterChange = false;
$('.js-HomeSlider').slick({
  arrows: false,
  dots: false
});

  $('.js-HomeSlider').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
    afterChange = true;
  });

  $('.js-HomeSlider').on('afterChange', function(event, slick, currentSlide, nextSlide) {
    afterChange = false;
  });

// Slick slider navigation
var $sliderNav = $('.js-SliderNav');
$sliderNav.find('li:first-child').find('a').addClass('is-Active');
$sliderNav.find('a').click(function() {
  console.log(afterChange);
  if(afterChange === false) {
    var index = $(this).parent().index();
    var $targetSlider = $($sliderNav.data('nav'));

    $sliderNav.find('a').removeClass('is-Active');
    $(this).addClass('is-Active');

    $targetSlider[0].slick.slickGoTo(parseInt(index));
  }
  return false;
});