ar index = $(this).index(); var $gallery = $(this).closest('.proshow-gallery'); var $panel = $(this).closest('.proshow-qiehuan'); var $contents = $gallery.find('.proshow-media-content'); $(this).addClass('active').siblings().removeClass('active'); $contents.hide().eq(index).show(); $contents.not(':eq(' + index + ')').find('video').each(function () { this.pause(); }); $contents.eq(index).find('video.lazy-video').each(function () { if (window.loadLazyVideo) { window.loadLazyVideo(this); } }); setTimeout(function () { var instance = $panel.data('proshowInstance'); if (instance) { instance.update(); } }, 30); }); $('.proshow-content-1 .proshow-collapse-item button').on('click', function () { var $item = $(this).closest('.proshow-collapse-item'); $item.toggleClass('active'); $item.find('.proshow-collapse-body').stop(true, true).slideToggle(260); }); $('.proshow-content-1 .proshow-model ul li').on('click', function (e) { e.preventDefault(); var $item = $(this); var $link = $item.find('a'); var index = $item.index(); $('.proshow-content-1 .proshow-model a').removeClass('active'); $link.addClass('active'); $('.proshow-content-1 .proshow-model-title strong').text($link.text()); activateProshowPanel(index); }); $('.proshow-content-1 .proshow-upgrades-head button').on('click', function () { $(this).closest('.proshow-upgrades').fadeOut(220); }); $('.product-content-4 .product-faq-list button').on('click', function () { var $item = $(this).closest('li'); $item.toggleClass('active'); $item.find('.product-faq-answer').stop(true, true).slideToggle(260); }); } if ($('.impact-content-1 .impact-feature-bar').length) { new Swiper('.impact-content-1 .impact-feature-bar', { speed: 650, loop: true, autoplay: { delay: 2800, disableOnInteraction: false, }, slidesPerView: 4, spaceBetween: 50, breakpoints: { 0: { slidesPerView: 1, spaceBetween: 16 }, 641: { slidesPerView: 2, spaceBetween: 24 }, 1025: { slidesPerView: 4, spaceBetween: 50 } } }); var videoReel = new Swiper(".video-reel .swiper-container", { slidesPerView: 1.2, spaceBetween: 50, speed: 600, watchOverflow: true, navigation: { prevEl: ".video-reel-prev", nextEl: ".video-reel-next" }, breakpoints: { 641: { slidesPerView: 2, spaceBetween: 20 }, 1025: { slidesPerView: 4, spaceBetween: 50 } }, on: { init: updateVideoReelArrows, slideChange: updateVideoReelArrows, resize: updateVideoReelArrows } }); function updateVideoReelArrows() { var swiper = this; $(".video-reel-prev").toggleClass("is-hidden", swiper.isBeginning || swiper.isLocked); $(".video-reel-next").toggleClass("is-hidden", swiper.isEnd || swiper.isLocked); } }