@Lvan226

Как сделать такое переключение классов jquery?

Привет.

Есть кнопка:

<button class="menu__search-btn">
<svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.913 14.835a6.915 6.915 0 006.912-6.918A6.915 6.915 0 007.913 1 6.915 6.915 0 001 7.917a6.915 6.915 0 006.913 6.918z" stroke="#000" stroke-miterlimit="10"/><path d="M20.536 20.549c-.601.601-1.403.601-2.004 0l-6.812-6.817c.6-.401 1.302-1.003 2.003-2.005l6.913 6.917c.5.501.5 1.404-.1 1.905z" stroke="#000" stroke-miterlimit="10"/></svg>
</button>
							<input type="text" placeholder="Search for...">
						</div>

$('.menu__search').on('click', function () {
		$(this).addClass('active');
	});


5e6f15a11a3bc161873451.png

Мне нужно сделать переключение классов, чтобы класс убирался после того как я мышку уберу, но ещё надо чтобы он не убирался пока в инпуте что-то ввожу, или просто там курсор.

Подскажите, пожалуйста, как это сделать? Спасибо.
  • Вопрос задан
  • 220 просмотров
Решения вопроса 1
TAbrahamyan
@TAbrahamyan
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
Без Jquery - на чистом JS:

Ответ написан
Ваш ответ на вопрос

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

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