Этот вопрос закрыт для ответов, так как повторяет вопрос Как при клике на элемент добавить ему класс, а у всех соседей удалить?
@lemonlimelike

Как при клике на кнопку изменять ее цвет использую data-*?

У меня есть 3 кнопки. На каждой из них висит событие onclick, а также есть атрибут data. Как при клике на первую кнопку добавить к ней класс active и отобразить div.block, который ей принадлежит. А при другом клике на другую кнопку класс active добавить уже к этой другой кнопке и убрать класс active с первой кнопке. И так же с div.block'ами
<div class="menu__content__columns">
  <div id="menu__button" class="menu__content__section" data-button="1" onclick="showMenuSection()">
      <span>Войти</span>
  </div>
  <div id="menu__button" class="menu__content__section" data-button="2" onclick="showMenuSection()">
      <span>Регистарция</span>
  </div>
  <div id="menu__button" class="menu__content__section" data-button="3" onclick="showMenuSection()">
      <span>Категории</span>
  </div>
</div>

function showMenuSection(i)
	{
		let div = document.getElementById('menu__button'+i);
		div.classList.toggle('menu__content__section--acitve');
	}
  • Вопрос задан
  • 201 просмотр
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы