@mastaJoe

Как восстановить класс, элементу по умолчанию?

Как вернуть первому элементу, класс active, после его удаления, когда остальные элементы не в hover?
<ul>
  <li class="item one active">1</li>
  <li class="item two">2</li>
  <li class="item three">3</li>
</ul>

li {
  list-style-type: none;
}
.item {
  color: black;  
}
.active {
 color: red;
}

$(document).ready(function(){
  $('.item').hover(
    function() {
      $(this).addClass('active');
    }, function() {
      $(this).removeClass('active');
    }
  );
});
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
По наезду мышки всем гасить, текущему давать .active;
По уезду мышки всем гасить, первому давать .active.

Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
XanXanXan
@XanXanXan
Не проще ли сделать просто на css?
.one, .item:hover {
   color: red;
}

ul:hover .one:not(:hover) {
  color: black;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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