JS срабатывает только на первом элементе — как сделать для всех элементов?
не понял про close и зачем spoiler, но суть думаю должна быть понятна -> пример
можно еще короче, но тут будет менее понятноfunction _boot() {
    let vaks = document.querySelectorAll('.vak');
    [...vaks].forEach(el => el.addEventListener('click', () => el.classList.toggle('active')));
}
_boot();
Вместо 
const vak = document.querySelector(".vak");Нужно
const vak = document.querySelectorAll(".vak");Вместо строчки
vak.addEventListener("click", function() {Нужно
vak.forEach(function(item){
item.addEventListener("click", function() {
})