たばこフィルター

/* Code from https://element.how/elementor-show-hide-section/ * Copyright 2024 https://element.how/ * No redistribution without permission * Use on your own and your client sites is allowed and welcomed * V1.3 2024/02/04 */ document.addEventListener('DOMContentLoaded', function () { $ = jQuery; function setupToggles(selector) { let toggles = Array.from(document.querySelectorAll(`${selector} .toggleElem`)); let contents = Array.from(document.querySelectorAll(`${selector} .toggleContent`)); let closers = Array.from(document.querySelectorAll(`${selector} .toggleClose`)); toggles.forEach((toggle, i) => { if (toggle.classList.contains('toggleIsSetup') && selector !== '.elementor-popup-modal') return; toggle.classList.add('toggleIsSetup'); toggle.addEventListener('click', function (e) { e.preventDefault(); toggle.classList.toggle('toggleIsActive'); jQuery(contents[i]).slideToggle(); if (toggle.classList.contains('toggleIsActive')) resizeEvent(); }); }); closers.forEach((closer, i) => { if (closer.classList.contains('toggleIsSetup') && selector !== '.elementor-popup-modal') return; closer.classList.add('toggleIsSetup'); closer.addEventListener('click', function (e) { e.preventDefault(); toggles[i].classList.remove('toggleIsActive'); jQuery(contents[i]).slideUp(); }); }); contents.forEach(content => { if (content.classList.contains('toggleIsSetup') && selector !== '.elementor-popup-modal') return; content.classList.add('toggleIsSetup'); content.style.display = 'none'; }); } setupToggles(''); /* compatibility for Elementor popups */ jQuery(document).on('elementor/popup/show', () => { setupToggles('.elementor-popup-modal'); }); function resizeEvent() { setTimeout(function () { window.dispatchEvent(new Event('resize')); }, 400); } }); .toggleElem a, .toggleElem svg, .toggleElem i, .toggleClose a, .toggleClose i, .toggleClose img { cursor: pointer; transition: transform 0.34s ease; } /* rotate the icon in the button or icon element when toggle is active */ .toggleIsActive i, .toggleIsActive svg { transform: rotate(90deg); } /* for a smooth animation we move the min height property to the inner container, be certain you are using "boxed" layout if you need a min height */ .toggleContent.e-con { min-height: initial; } .toggleContent > .e-con-inner { min-height:var(--min-height); }