如果父类具有子ul,则将类添加到父li - 使用jquery

时间:2011-08-01 16:07:13

标签: jquery navigation parent

我希望能够将一个类添加到我最顶层的li中,但前提是它有一个sub ul或ul ul。每个li都包含一个链接,是的,这是一个下拉导航菜单。

我目前的jquery:

$(function() {
    $('ul.sub-menu').hide();
    $('.sub-menu ul').hide();

    $('#menu-navigation li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });

    $('#menu-navigation ul li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });
});

这只显示/隐藏每个元素。

我希望最顶级的li有一个课程,所以当我将鼠标悬停在子元素上时,该课程仍然存在。我该怎么做?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

试试这个

$(function() {
    $('ul.sub-menu').hide();
    $('.sub-menu ul').hide();

    $('#menu-navigation li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });

    $('#menu-navigation > ul > li').hover(function(){
        $(this).children('ul').slideDown("fast");
    },
    function(){
        $(this).children('ul').hide();
    });
});