как при наведении добавить класс и убрать при наведени на другой блок

Question

Как при наведении добавить класс и убирать при наведении на другой блок Пример есть на сайте tes.ru в меню, когда мы наводим на один из пунктов и добавляется класс active, а убирается только тогда, когда мы наводим на другой пункт

Answer 1

$("li").hover(
  function() {
    $('li').removeClass('active')
    $(this).addClass('active');
  }
);

ul {
  width: 200px;
  border: 1px solid #000;
}

ul li.active {
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>Some Test</li>
  <li>Some Test</li>
  <li>Some Test</li>
  <li>Some Test</li>
  <li>Some Test</li>
  <li>Some Test</li>
</ul>

БЛОГ НА HUSL

как при наведении добавить класс и убрать при наведени на другой блок

Ответы (1 шт):