Как скрыть div при наведении на соседний элемент при помощи jquery?

Question

[maksimkoh]

Добрый день, есть код такого вида:

<ul>
        <li class="class" > </li>
        <div class="div"></div>
        <li class="class" > </li>
        <li class="class active" > </li>
        <li class="class" > </li>
</ul>

Как скрыть div при добавлении класса Active к li (всем, кроме первого) к элементу списка при помощи jquery?

Comments

[alvvi]

Класс 'active' вешается при ховере?

[maksimkoh]

Илья Ростопка: да

Answer 1

[Андрей Б.]

Между элементами списка не должно быть других элементов.

при добавлении класса Active к li (всем, кроме первого)

я вижу только один active

Перенесите div в li и скрывайте CSS'ом

Answer 2

[alvvi]

$('.class').hover(function () {
  $(this).addClass('active');
  if( $(this) != $('.class').first() ) { 
   $('.div').css('display', 'none');
 }
});

or

$('.class').not(':first-child').hover(function () {
  $(this).addClass('active');
   $('.div').css('display', 'none');
});