Всем доброго времени суток. Такой вопрос, при клике на элемент, этому элементу добавляется класс _active, а у другого элемента класс _active должен удалиться. Еще только учу JavaScript, поэтому не особо понимаю что нужно сделать.
https://jsfiddle.net/yx5z4dfo/7/
let circle_1 = document.querySelector('.circle-1');
let circle_2 = document.querySelector(".circle-2");
let circle_3 = document.querySelector(".circle-3");
let circleClickOne = document.querySelector('.block-circle-1');
let circleClickTwo = document.querySelector(".block-circle-2");
let circleClickThree = document.querySelector(".block-circle-3");
circle_1.addEventListener('click', function() {
circleClickOne.classList.toggle("_active");
});
circle_2.addEventListener('click', function() {
circleClickTwo.classList.toggle("_active");
});
circle_3.addEventListener('click', function() {
circleClickThree.classList.toggle("_active");
});
.circle-1 {
color: red;
}
.circle-2 {
color: red;
}
.circle-3 {
color: red;
}
.block-circle-1 {
display: none;
}
.block-circle-1._active {
display: block;
}
.block-circle-2 {
display: none;
}
.block-circle-2._active {
display: block;
}
.block-circle-3 {
display: none;
}
.block-circle-3._active {
display: block;
}
<div class="circle-1">Текст</div>
<div class="circle-2">Текст</div>
<div class="circle-3">Текст</div>
<div class="block-circle-1">Текст</div>
<div class="block-circle-2">Текст</div>
<div class="block-circle-3">Текст</div>
if (p=document.querySelector("._active")) p.classList.toggle("_active");
circleClickOne.classList.toggle("_active");
,circleClickTwo.classList.toggle("_active");
, иcircleClickThree.classList.toggle("_active");