Закрывать несколько модальных окон по одному, а не все сразу ⇐ Javascript

[Anonymous]

Что я могу добавить/отредактировать в код, чтобы несколько модальных окон закрывались только по одному?
пока у меня есть 2 модальных окна, но когда оба открыты и я нажимаю кнопку закрытия на одном из них, все они закрываются
var btn = document.querySelectorAll("button.modal-button");

var modals = document.querySelectorAll('.modal');

var spans = document.querySelectorAll(".close, .close2");

for (var i = 0; i < btn.length; i++) {
btn.onclick = function(e) {
e.preventDefault();
modal = document.querySelector(e.target.getAttribute("href"));
modal.style.display = "block";
}
}

for (var i = 0; i < spans.length; i++) {
spans.onclick = function() {
for (var index in modals) {
if (typeof modals[index].style !== 'undefined') modals[index].style.display = "none";
}
}
}

window.onclick = function(event) {
if (event.target.classList.contains('modal')) {
for (var index in modals) {
if (typeof modals[index].style !== 'undefined') modals[index].style.display = "none";
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/798 ... ll-at-once