2011-08-01 25 views
0

我想能够添加一个类到我的最顶部li,但只有它有一个ul ul或ul ul。每个li包含一个链接并且是,它是一个下拉导航菜单。添加类到父李,如果它有一个子ul - 使用jquery

我的当前的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有一个类,所以当我将鼠标悬停在子元素上时,该类仍然存在。我该怎么做?

预先感谢任何帮助。

回答

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(); 
    }); 
});