Estoy tratando de cerrar todas mis ventanas modales usando el bucle for pero de alguna manera no funciona, me sigue mostrando en la consola que no está definido o es falso en lugar de verdadero. He escrito adjunto mi script abajo.

 const detailMain = document.querySelector('.detailsBtnMain'); const detailBtnSubs = document.querySelectorAll('.btnDetails'); const closeBtns = document.querySelectorAll('.closeBtn'); const modalMain = document.querySelector('.modalWindowMain'); const modalSubs = document.querySelectorAll ('.modalWindow'); let openModals = function(e){ e.classList.contains('hidden') ? e.classList.toggle('hidden') : e.classList.toggle('hidden'); } let closeModals = function(e){ e.classList.add('hidden'); } detailMain.addEventListener('click', function(){ openModals(modalMain); }); closeBtns[0].addEventListener('click', function(){ closeModals(modalMain); }) for (let i = 0; i < detailBtnSubs.length; i++){ detailBtnSubs[i].addEventListener('click', function(){ if (detailBtnSubs[i].classList.contains('secondary')){ openModals(modalSubs[1]); } else if (detailBtnSubs[i].classList.contains('third')){ openModals(modalSubs[2]); } else if (detailBtnSubs[i].classList.contains('fourth')){ openModals(modalSubs[3]); } else if (detailBtnSubs[i].className.contains('fifth')){ openModals(modalSubs[4]); } }) } for (let i = 0; i < closeBtns.length; i++){ closeBtns[i].addEventListener('click', function(){ if (closeBtns[i].classList.contains('secondary')){ console.log('true'); }else { console.log('false'); } }) }