JQuery это замешательство

Question

ниже работает нормально.Тем не менее, у меня есть 2 подменю - если я наведу курсор на любое из них, оба их потомка "ul.menu_body" исчезнут.

предположительно мне нужно где-то использовать "this", поэтому исчезновение относится только к нужному меню.

Я пытался добавить $ ("ul.menu_body", this) .fadeIn ('fast'), но это вообще не работает - без ошибок (что я вижу)

anyидеи?спасибо.

    $(document).ready(function(){

           $("ul.menu_body li:even").addClass("alt");
            $("li a.menu_head").hover(function () {
                $("ul.menu_body").fadeIn('fast')
            });
            $(".subMenuParent").mouseleave(function(){
                $("ul.menu_body").fadeOut();
                 $("li.subMenuParent").removeClass("active");

            });
// rest of my script

, чтобы уточнить - приведенный ниже код означает, что каждый экземпляр "ul.menu_body" исчезает, когда находится "li a.menu_head".

я просто хочусоответствующее подменю, которое нужно отобразить, не все.

Answer 1

Вы были близки, но зависание происходит на элементе привязки (который становится this), а не на элементе li.Я предполагаю, что ul - это не ребенок якоря, а li.Попробуйте использовать:

$('ul.menu_body',$(this).closest('li')).fadeIn('fast');

или

$(this).closest('li').find('ul.menu_body').fadeIn('fast');