// находим все кнопки табы
const tabBtns = document.querySelectorAll(`.tab__btn`);
// находим все окна под табами
const tabContents = document.querySelectorAll(`.tab__content`);
// перебераем табы циклом и каждый эллемент засовываем в переменную el, и порядковый номер в key
tabBtns.forEach((el, key) => {
// вешаем на каждый таб (уже он в el) обработчик событий - клик (onklick)
el.addEventListener(`click`, () => {
// и кликая на какойто эл, перебираем все табы
tabBtns.forEach(tab => {
// и у каждого таба удаляем класс active
tab.classList.remove(`active`);
});
// так же перебераем окна под табами,
tabContents.forEach(content => {
// и у каждого окна удаляем активный класс
content.classList.remove(`active`);
})
// и после всех удалений активных классов, добавляем активный на кликнутый элемент
el.classList.add(`active`);
// и так же добавляем активный класс по [порядковому номеру]
tabContents[key].classList.add(`active`);
})
});
on: {
init: function () {
const slideStart = document.querySelectorAll(`.swiper-wrapper p`);
slideStart[1].style.cssText = `transition: 0s; opacity: 1;`
},
},slideActiveClass: `opac`,.opac p{
opacoty: 1;
transition: 0.3s;
}
Читай делегирование ! Тоесть ты вешаешь клики не на ссылки, а на родителя, и в условии уже ищешь куда был клик! Если по ссылке, то удаляешь, если мимо, то мимо)))