document.addEventListener('DOMContentLoaded', function () { $ = jQuery; let toggles, contents, closers; function setupToggles() { toggles = document.querySelectorAll('.btnAmplop'); contents = document.querySelectorAll('.Amplop'); closers = document.querySelectorAll('.btnTutup'); toggles.forEach((toggle, i) => { if (toggle.classList.contains('Tutup')) return; toggle.classList.add('Tutup'); toggle.addEventListener('click', function (e) { e.preventDefault(); toggle.classList.toggle('Aktif'); jQuery(contents[i]).slideToggle(); if (toggle.classList.contains('Aktif')) resizeEvent(); }); }); closers.forEach((closer, i) => { if (closer.classList.contains('Tutup')) return; closer.classList.add('Tutup'); closer.addEventListener('click', function (e) { e.preventDefault(); toggles[i].classList.remove('Aktif'); jQuery(contents[i]).slideUp(); }); }); contents.forEach(content => { if (content.classList.contains('Tutup')) return; content.classList.add('Tutup'); content.style.display = 'none'; }); } setupToggles(); jQuery(document).on('elementor/popup/show', () => { setupToggles(); }); function resizeEvent() { setTimeout(function () { window.dispatchEvent(new Event('resize')); }, 400); } }); .btnAmplop a, .btnAmplop svg, .btnAmplop i, .btnTutup a, .btnTutup i, .btnTutup img { cursor: pointer; transition: transform 0.34s ease; } .Aktif i, .Aktif svg { transform: rotate(90deg); } .Amplop.e-con { min-height: initial; } .Amplop > .e-con-inner { min-height:var(--min-height); }