Widget:GFLMail

<script> document.querySelectorAll('.gfl-item').forEach(item => {

 item.addEventListener('click', () => {
   const idx = item.getAttribute('data-gfl-index');
   const root = item.closest('.gfl-mail');
   root.querySelectorAll('.gfl-detail').forEach(detail => detail.classList.remove('is-open'));
   const targetDetail = root.querySelector(`#gflDetail-${idx}`);
   if (targetDetail) {
     targetDetail.classList.add('is-open');
     root.classList.add('view-detail');
   }
 });

}); document.querySelectorAll('.gfl-back-btn').forEach(btn => {

 btn.addEventListener('click', () => {
   const root = btn.closest('.gfl-mail');
   root.classList.remove('view-detail');
   setTimeout(() => {
     root.querySelectorAll('.gfl-detail').forEach(detail => detail.classList.remove('is-open'));
   }, 300);
 });

}); </script>