Учу JS недавно, вот столкнулся с такой проблемой: при открытии модального окна анимация срабатывает, все ок, но при скрытии ее нет, класс добавляется и при открытии в следующий срабатывает анимация, которая должна была сработать при закрытии. Как правильно поставить toggle для закрытия?
function showReview(num) {
var modal = document.getElementById('review1'),
effect = document.getElementById('modalEffect'),
closed = document.getElementById('closed'),
imgClient = document.getElementById("img_client"),
textClient = document.getElementById('text_client'),
imgMas = ["img_client/client_1.jpg", "img_client/client_2.jpg", "img_client/client_3.jpg"],
textMas = ["<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore laudantium, nihil voluptatibus, sed repellat sapiente eos corrupti illo, accusantium ut consectetur, nobis unde. Asperiores odit magnam sunt aspernatur est, alias. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius distinctio dolores eveniet itaque earum quae ratione atque nemo, nisi, vitae autem minima rerum, beatae laboriosam porro quos officiis, dicta esse accusantium quas cupiditate. Ea harum odio rerum eum facere, quasi nemo quis numquam, ad dolore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam doloribus id laboriosam, doloremque nemo. Fugit quis saepe animi labore, vel atque natus maxime nobis, deserunt minus reprehenderit blanditiis excepturi quaerat. Recusandae assumenda in voluptatem distinctio, sunt exercitationem, dicta temporibus ad, excepturi tempora animi accusamus maiores.</p>"];
modal.style.display = "block";
textClient.innerHTML = textMas[0];
imgClient.src = imgMas[num];
closed.onclick = function () {
modal.style.display = "none";
effect.classList.toggle("fadeOut");
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
effect.classList.toggle("fadeOut");
}
effect.classList.toggle("fadeIn");
}
}
Простой
