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

Есть блок с кружками
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>


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

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

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