regelt dit zelf) ---------- */ var btnMaand = $('slpBtnMaand'), btnJaar = $('slpBtnJaar'); function setJaar(jaar) { [[btnMaand, !jaar], [btnJaar, jaar]].forEach(function (x) { if (!x[0]) return; x[0].style.background = x[1] ? '#315FA5' : 'transparent'; x[0].style.color = x[1] ? 'white' : '#677489'; }); root.querySelectorAll('.slp-prijs').forEach(function (el) { var m = parseInt(el.getAttribute('data-m'), 10); if (jaar) { var pm = Math.round(m * 10 / 12 * 100) / 100; var tekst = pm.toFixed(2).replace('.', ','); if (tekst.slice(-3) === ',00') { tekst = tekst.slice(0, -3); } el.textContent = tekst; } else { el.textContent = m; } }); root.querySelectorAll('.slp-periode').forEach(function (el) { el.textContent = jaar ? 'jaarlijks gefactureerd, excl. btw · 2 maanden gratis' : 'maandelijks gefactureerd, excl. btw'; }); root.querySelectorAll('.slp-jaartotaal').forEach(function (el) { var m = parseInt(el.getAttribute('data-m'), 10); el.textContent = jaar ? 'Je betaalt € ' + (m * 10) + ' per jaar (excl. btw)' : ''; }); } on(btnMaand, 'click', function () { setJaar(false); }); on(btnJaar, 'click', function () { setJaar(true); }); /* ---------- FAQ-accordeon ---------- */ var faqBtns = root.querySelectorAll('[data-slp-faq]'); faqBtns.forEach(function (btn) { btn.addEventListener('click', function () { var wrap = btn.parentElement.querySelector('.slp-faqa'); var rot = btn.querySelector('span:last-child'); var wasOpen = wrap.style.display !== 'none'; faqBtns.forEach(function (b) { b.parentElement.querySelector('.slp-faqa').style.display = 'none'; b.querySelector('span:last-child').style.transform = 'rotate(0deg)'; }); if (!wasOpen) { wrap.style.display = 'block'; rot.style.transform = 'rotate(45deg)'; } }); }); /* ---------- reveal bij scrollen, zonder verborgen eerste weergave ---------- */ function show(el) { el.classList.remove('slp-reveal-pending'); el.classList.add('slp-reveal-shown'); } var reveals = root.querySelectorAll('[data-reveal]'); var isBuilder = document.body.classList.contains('logged-in') || document.body.classList.contains('et-fb') || document.documentElement.classList.contains('et-fb-root-ancestor'); if (isBuilder || !('IntersectionObserver' in window)) { reveals.forEach(show); } else { root.classList.add('slp-reveal-ready'); var io = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { show(e.target); io.unobserve(e.target); } }); }, { rootMargin: '0px 0px -6% 0px', threshold: 0.05 }); reveals.forEach(function (el) { var r = el.getBoundingClientRect(); var viewport = window.innerHeight || document.documentElement.clientHeight || 900; if (r.top < viewport * 1.08) { show(el); } else { el.classList.add('slp-reveal-pending'); io.observe(el); } }); setTimeout(function () { reveals.forEach(show); }, 2500); } })();