let swiper265 = new Swiper(".left-265 .swiper", { centeredSlides:true, loop:true, autoplay:false, navigation:{ prevEl:".left-265 .swiper-button-prev", nextEl:".left-265 .swiper-button-next" } }); let swiper670 = new Swiper(".center-670 .swiper", { spaceBetween:0, centeredSlides:true, loop:true, autoplay:{ delay:5000, disableOnInteraction:false, }, pagination:{ el:".center-670 .swiper-pagination", clickable:true, }, }); $('.engineer .tab-box .tab-item').click(function(){ $('.engineer .tab-box .tab-item').removeClass('active'); $(this).addClass('active'); $('.engineer .giant').removeClass('active'); $('.engineer .giant').eq($(this).index()).addClass('active'); $('.engineer .tab-box i').css('left',$(this).index() * 108 + 7 + 'px'); $('.engineer .list.row').removeClass('active'); $('.engineer .list.row').eq($(this).index()).addClass('active'); });