let targetStoreEle = document.querySelectorAll('.l-store--tab'); targetStoreEle.forEach(targetEl => { targetEl.addEventListener('click', function () { targetEl.classList.toggle('isActive'); if (!targetEl.nextElementSibling.classList.contains('isActive')) { targetEl.nextElementSibling.classList.add('isActive'); targetEl.nextElementSibling.style.height = 'auto'; var height = targetEl.nextElementSibling.clientHeight + 'px'; targetEl.nextElementSibling.style.height = '0px'; setTimeout(function () { targetEl.nextElementSibling.style.height = height; }, 0); } else { targetEl.nextElementSibling.style.height = '0px'; targetEl.nextElementSibling.addEventListener('transitionend', function () { targetEl.nextElementSibling.classList.remove('isActive'); }, { once: true }); } }); });