JQuery меню, выберите только следующую дочернюю глубину

Question

пример здесь http://www.brvr.net/menu

Здравствуйте,

заканчиваю мое меню, но с одной проблемой.

При наведении / отпускании мыши это работает хорошо, но при наведении указывается 3-й уровень (nivel_3) при наведении на 1-й уровень (novel_1), при котором просто должен отображаться 2-й уровень (nivel_2)

как я могу решить это

$('.nivel_'+nivel+'').hover(
        function() { $(this).find('ul > li').css('display', 'block'); },
        function() { $(this).find('li').css('display', 'none'); }
    );

Спасибо

Answer 1

Не зная вашего HTML, трудно быть точным, но я ожидаю, что вам нужны только ul, которые являются прямыми потомками элемента, на который наведен курсор.

$('.nivel_'+nivel+'').hover( 
    function() { $(this).find('> ul > li').css('display', 'block'); }, 
    function() { $(this).find('li').css('display', 'none'); } 
);