in Appearance > Theme Editor > footer.php Option B: Use "Insert Headers and Footers" plugin → Scripts in Footer Option C: Enqueue via functions.php ============================================================ */ (function () { 'use strict'; /* ── 1. SCROLL-IN ANIMATIONS ── */ function initScrollAnim() { var els = document.querySelectorAll('.mm-fu'); if (!els.length) return; if (!('IntersectionObserver' in window)) { els.forEach(function (el) { el.classList.add('mm-vis'); }); return; } var obs = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('mm-vis'); obs.unobserve(e.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }); els.forEach(function (el) { obs.observe(el); }); } /* ── 2. FAQ ACCORDION ── */ function initFAQ() { var btns = document.querySelectorAll('.mm-fq'); btns.forEach(function (btn) { btn.addEventListener('click', function () { var item = btn.closest('.mm-fitem'); var isOpen = item.classList.contains('mm-open'); // close all document.querySelectorAll('.mm-fitem.mm-open').forEach(function (i) { i.classList.remove('mm-open'); i.querySelector('.mm-fq').setAttribute('aria-expanded', 'false'); }); // open clicked if it was closed if (!isOpen) { item.classList.add('mm-open'); btn.setAttribute('aria-expanded', 'true'); } }); }); } /* ── 3. COUNTER ANIMATION ── */ function animateCounter(el) { var target = parseInt(el.dataset.target, 10); var suffix = el.dataset.suffix || ''; if (!target) return; var start = 0; var duration = 1800; var startTime = null; function step(ts) { if (!startTime) startTime = ts; var progress = Math.min((ts - startTime) / duration, 1); var ease = 1 - Math.pow(1 - progress, 3); el.textContent = Math.floor(ease * target) + suffix; if (progress < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } function initCounters() { var counters = document.querySelectorAll('.mm-sn[data-target]'); if (!counters.length) return; var triggered = false; var section = document.querySelector('.mm-stats'); if (!section) return; if (!('IntersectionObserver' in window)) { counters.forEach(animateCounter); return; } var obs = new IntersectionObserver(function (entries) { if (entries[0].isIntersecting && !triggered) { triggered = true; counters.forEach(animateCounter); obs.disconnect(); } }, { threshold: 0.3 }); obs.observe(section); } /* ── 4. SMOOTH SCROLL FOR TOC LINKS ── */ function initSmoothScroll() { document.querySelectorAll('a[href^="#mm-"]').forEach(function (a) { a.addEventListener('click', function (e) { var target = document.querySelector(a.getAttribute('href')); if (!target) return; e.preventDefault(); var offset = 72; var top = target.getBoundingClientRect().top + window.pageYOffset - offset; window.scrollTo({ top: top, behavior: 'smooth' }); }); }); } /* ── 5. STICKY FLOAT HIDE ON FOOTER ── */ function initFloatVisibility() { var float = document.querySelector('.mm-float'); if (!float) return; var footer = document.querySelector('footer, .site-footer, #footer'); if (!footer) return; window.addEventListener('scroll', function () { var footerTop = footer.getBoundingClientRect().top; if (footerTop < window.innerHeight) { float.style.opacity = '0'; float.style.pointerEvents = 'none'; } else { float.style.opacity = '1'; float.style.pointerEvents = 'auto'; } }, { passive: true }); } /* ── INIT ── */ function init() { initScrollAnim(); initFAQ(); initCounters(); initSmoothScroll(); initFloatVisibility(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();