jQuery(document).ready(function($) { $(".nav-tabs").slick({ slidesToShow: 3, slidesToScroll: 1, infinite: true, nextArrow: $(".slick-next"), prevArrow: $(".slick-prev"), }); $(".tab-item").hide(); $(".tab-item:first").show(); $(".nav-tabs").on("click", "li", function(e) { e.preventDefault(); let tabID = $(this).attr("data-tab"); $(".tab-item").hide(); $("#" + tabID).fadeIn(); }); });