Задать вопрос
@coderart
javascript

Как добавить класс при наведении, и удалить этот класс если он есть у блока?

Есть блок с кружками
5d28fd722c2ad819648334.png

<div class="faith__circle_box">
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle blue-no"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle blue-no"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle blue-no"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle blue"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle blue"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>

							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
							<div class="col__circle">
								<div class="faith-circle"></div>
							</div>
						</div>


Нужно чтобы при наведении на черный круг, он становился синим, а при повторном наведении кружок сменялся вновь на черный и у этого была постоянная зацикленность.
  • Вопрос задан
  • 55 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
@StockholmSyndrome 
$('.faith-circle').on('mouseenter', function() {
  $(this).toggleClass('blue');
});
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Ещё заказы