'); } tabsWrapper(); function addArrowHTML() { $('').insertBefore('.cata-sub-nav > ul'); $('').insertAfter('.cata-sub-nav > ul'); } addArrowHTML(); (function($) { $(".cata-sub-nav").on('scroll', function() { var val = $(this).scrollLeft(); if ($(this).scrollLeft() + $(this).innerWidth() >= $(this)[0].scrollWidth) { $(".nav-next").hide(); } else { $(".nav-next").show(); } if (val === 0) { $(".nav-prev").hide(); } else { $(".nav-prev").show(); } }); $(".nav-next").on("click", function() { $(".cata-sub-nav").animate({ scrollLeft: '+=80' }, 200); }); $(".nav-prev").on("click", function() { $(".cata-sub-nav").animate({ scrollLeft: '-=80' }, 200); }); })(jQuery); const accordionBtns = document.querySelectorAll(".acc"); accordionBtns.forEach((accordion) => { accordion.onclick = function() { accordionBtns.forEach((btn) => { if (btn !== this) { btn.classList.remove("is-open"); let otherContent = btn.nextElementSibling; if (otherContent) { otherContent.style.maxHeight = null; } } }); this.classList.toggle("is-open"); let content = this.nextElementSibling; if (content.style.maxHeight) { content.style.maxHeight = null; } else { content.style.maxHeight = content.scrollHeight + "px"; } }; }); $('.toggle-btn').on('click', function() { $(this).toggleClass('active'); }); $('.arrow').click(function() { $(this).next('.faq-answer').slideToggle(); $(this).toggleClass('active'); }); $('.faq-question').click(function() { let faqItem = $(this).parent('.faq-item'); if (faqItem.hasClass('active')) { faqItem.removeClass('active').find('.faq-answer').slideUp(); $(this).find('.faq-arrow').removeClass('rotated active'); } else { $('.faq-item').removeClass('active').find('.faq-answer').slideUp(); $('.faq-arrow').removeClass('rotated active'); faqItem.addClass('active').find('.faq-answer').slideDown(); $(this).find('.faq-arrow').addClass('rotated active'); } }); const buttons = document.querySelectorAll('.tab-button'); const contents = document.querySelectorAll('.content-section'); buttons.forEach(button => { button.addEventListener('click', () => { buttons.forEach(btn => { btn.classList.remove('active-business', 'active-home'); }); contents.forEach(section => section.classList.remove('active')); const tab = button.getAttribute('data-tab'); document.getElementById(tab).classList.add('active'); if (tab === 'business') { button.classList.add('active-business'); } else if (tab === 'home') { button.classList.add('active-home'); } }); }); $(".js-video-button").modalVideo({ youtube: { controls: 0, nocookie: true, autoplay: true } }); }); });