Подскажите пожалуйста как отменить событие .hover
при отведении курсора? (Если убрать курсор) то все вернется на свои места.
$('.mix-content li').hover(function(){
$('.mix-content li').removeClass('is-active');
$(this).addClass('is-active');
});
.mix-content li.is-active {
background-color: purple;
color: #fff;
}
.mix-content {
list-style-type: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="mix-content">
<li class="is-active">Текст рыбы</li>
<li>Текст рыбы</li>
<li>Текст рыбы</li>
<li>Текст рыбы</li>
</ul>
:hover
в стилях и все. – teran 20 ноя '17 в 21:21toggleClass
, что бы не убирать, а потом добавлять класс. Ваш пример, без особых изменений jsfiddle.net/w3h6j8y9 – ddeadlink 20 ноя '17 в 21:21hover
поддерживается всеми браузерами и уже давно. – Ruslan Semenov 21 ноя '17 в 16:19