LeshaGFB
@LeshaGFB
Верстальщик

Скрытие одного элемента при появлении другого?

Практикуюсь в JS. Как сделать чтобы при нажатии на кнопку не было появления сразу двух item, т.е. необходимо, чтобы один скрывался и появлялся другой?
Codepen
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
@VegasChickiChicki
const button = document.querySelectorAll('.button')
const item = document.querySelectorAll('.item')

function buttonClick() {
    button.forEach((el, index) => {
      el.addEventListener('click', () => {
          button.forEach(elem => {
            elem.classList.toggle('yellow');
            elem.classList.toggle('red');
          });
          item.forEach((elem, id) => {
            elem.style.display = index === id ? 'block' : 'none';
          })
        });
    })
}

buttonClick();


Самое просто решение.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы