Как исправить ситуацию, в которой закрывается только первый свайпер в галерее, но не закрывается второй, хотя код кажется верным?

Для того чтобы обеспечить открытие и закрытие всех свайперов в данном коде, можно воспользоваться циклом `forEach`, чтобы применить нужные действия ко всем элементам. Вот пример кода:

```javascript
const swipeContainers = document.querySelectorAll('.swipe-container');
const closeButton = document.querySelector('.close-button');

swipeContainers.forEach(swipeContainer => {
  const openButton = swipeContainer.querySelector('.open-button');
  const closeButton = swipeContainer.querySelector('.close-button');
  const content = swipeContainer.querySelector('.content');

  openButton.addEventListener('click', () => {
    swipeContainer.classList.add('active');
  });

  closeButton.addEventListener('click', () => {
    swipeContainer.classList.remove('active');
  });
});
```

В данном коде мы используем `forEach`, чтобы применить добавление и удаление класса `active` ко всем элементам `.swipe-container`. Теперь при клике на кнопку "Открыть" каждый свайпер будет открываться и закрываться независимо.

 или 
 
 swiper.hide();