Проблема с галереей. Работает закрытие только первого свайпера, а второй не закрывается хотя код вроде правильный. Как это можно исправить?

Question

[Zuyura]

Должны открываться и закрываться все свайперы.
Вот код:

const popup = $(".pop-up");
const swiper = $(".container");
const closePopup = $(".container__close");
const images = document.getElementsByClassName("gallery__img");
const swipers = document.getElementsByClassName("container");
images[0].addEventListener("click", () => {
  swipers[0].style.display = "flex";
  window.onscroll = () => {
    window.scroll(0, 0);
  };
});
images[1].addEventListener("click", () => {
  swipers[1].style.display = "flex";
  window.onscroll = () => {
    window.scroll(0, 0);
  };
});
closePopup.addEventListener("click", () => {
  window.onscroll = () => {
    window.scroll;
  };
  swiper.style.display = "none";
});

Comments

[Nik Faraday]

Во-первых, как я уже говорил 100500 раз, тут сидят люди, а не компиляторы/интерпретаторы. Неужели вы думаете, что кто-то реально будет

• Создавать новый проект
  
• Писать код, что бы вставить кусок вашего кода
  
• Запускать его
  
• Дебагать
  
• Искать ошибки
  
• Искать решение
  

Вы должны загуглить решение в интернете. Если ничего не нашли, тогда уже тут, на форуме вы должны:

• Кратко, понятно и лаконично изложить суть проблемы
  
• По возможности, дать НЕБОЛЬШОЙ фрагмент кода с указанием места ошибки
  
• Указать обстоятельства, при каких ошибка возникает
  
• Написать, что вы уже сами пробовали сделать для решения и какие результаты это вам дало
  

Во-вторых, согласно правилам сообщества, код должен предоставляться в соответствующем оформлении КОДА, а не как текст, картинки или скриншоты (Только если без них вот прям никак)

Answer 1

[Сергей delphinpro]

- swiper.style.display = "none";
+ swiper.css({display:'none'});

или

swiper.hide();