Почему не добавляется класс?

Question

[Yaroslav723]

не добавляется класс medical__list--visible но когда код выше переношу за код с аккордеоном тогда работает но перестаёт работать аккордеон хотя они ни как не связаны

Answer 1

[Вадим]

document.querySelector('[data-tab="tab-1"]').classList.add('accordion__title-active');

[data-tab="tab-1"] - нет такого элемента. Скрипт падает с ошибкой.
document.querySelector('#tab-1') аналогично, #tab-1 - нет такого элемента.

Исправление этих ошибок приводит код в рабочее состояние.

Научитесь читать сообщения в консоле и отладке своего кода.
https://learn.javascript.ru/debugging-chrome

Comments

[Yaroslav723]

Как нет вот же они?

[Вадим]

Yaroslav723, Вы серьёзно?
В демке на codepen где они?

[Yaroslav723]

Вадим, а как туда несколько станиц добавить ?

[Вадим]

Yaroslav723, Так а зачем Вам несколько страниц в демке?
Пишите скрипт который работает и обрабатывает ошибки.

Раз у Вас общий файл скрипта для нескольких страниц, то так и пишите:

const tab1 = document.querySelector('#tab-1')
if (tab1) {
 // нужные действия.
}

Таким образом скрипт будет выполняться только если в разметке будет найдена #tab-1. Если нет - то пойдёт дальше и не будет выбрасывать ошибку.

[Yaroslav723]

Вадим, да работает

[Yaroslav723]

Вадим, спасибо