Hoverstate на родительском скрипте jQuery работает только в одном направлении

Question

Я хочу, чтобы мои родительские элементы в навигации имели зависание или активное состояние, когда я наводил курсор на дочерние элементы.

Итак, я осмотрелся и узнал, что могу использовать jQuery для этого. Сделал этот скрипт:

<script> 
jQuery(document).ready(function($) { 
    var $nav = $('#productnav ul.sub-menu li'); 
    $nav.mouseover(function() { 
      $("#productnav ul.sf-menu li.deeper").addClass(' overstate ') 
     } 
); 
    $nav.mouseleave(function() { 
      $("#productnav ul .sf-menu li.deeper").removeClass(' overstate ') 
     } 
); 
}); 
</script> 

После нескольких часов (и чтения много), я получил его на работу. Частично.

Класс добавлен к родителям, отлично работает. Но он не удаляется. Попробовал сделать это с помощью метода наведения из jQuery с тем же результатом.

Кто-нибудь знает, что не так в этом скрипте?

С уважением, Hans

Answer 1

проверить это:

$ ("# productnav ul.sf меню li.deeper") $ ("# productnav уль .SF меню li.deeper")

попытайтесь удалить пустое пространство между «ul» и «.sf» вашего второго селектора.

Остальная часть кода выглядит хорошо и должна работать.