suprascapularis69

Вот так работает

let listHeaders = document.querySelectorAll('.list-header');

listHeaders.forEach((elem) => {
  elem.addEventListener('click', function() {
    let parentElem = this.parentNode;
    let listContent = parentElem.querySelector('.list-content');
    let arrowDown = parentElem.querySelector('.arrow-down');
    let headerText = parentElem.querySelector('.header-text');
    if(listContent.classList.contains('.active') | arrowDown.classList.contains('active') | headerText.classList.contains('active')){
    listContent.classList.remove('active');
    arrowDown.classList.remove('active');
    headerText.classList.remove('active');
    } else {      
      if (document.querySelector('.active')) {
        for (let x of document.querySelectorAll('.active')) {
          x.classList.remove('active');
        }
      }
    listContent.classList.add('active');
    arrowDown.classList.add('active');
    headerText.classList.add('active');
    }
  })
})

но я вообще переписал бы этот код по другому.

Если откроете консоль, то обнаружите там ошибку
Uncaught ReferenceError: Swiper is not defined

В вашем случае вам надо поменять местами скрипты, где вы подключаете файлы.
Сначала swiper-bundle, потом вам инициализатор.

Перед проверкой удалите все ошибки.

let form = document.querySelector('.form'),
    formRequired = document.querySelectorAll('.required');


form.onsubmit = function () {
    
    if(document.querySelectorAll('.form-error')){
            for(let x of document.querySelectorAll('.form-error')){
              x.remove();
            }
          }
    
    formRequired.forEach(function (input) {
        if (input.value === '') {
            input.classList.add('error');
            var error = document.createElement('p');
            error.innerHTML = 'Поле является обязательным';
            error.classList.add('form-error');
            input.after(error);
        } else {
            input.classList.remove('error');
        }
    })


    return false;
}