在菜单中添加子项

Question

我需要创建具有转换效果的菜单。这里是菜单的链接。它与我所期望的相同。但在这个菜单中我们有父元素和子元素。 Ineed也应该需要做。什么变化..添加子子元素帮助我..

Answer 1

嗨继承人使用jQuery答案：

HTML：

<li> 
    <a href="#">Widgets</a> 
    <ul> 
    <li><a href="#">Im another menu</a></li>   
    <li><a href="#">Im another menu</a></li> 
    <li><a href="#">Im another menu</a></li> 
    <li><a href="#">Im another menu</a></li> 
    </ul> 
</li> 

的jQuery：

$("#trans-nav").find("li").each(function(){ 
    //alert("hover"); 
    $(this).hover(function(){ 
     $(this).find("ul:first").attr('style','display:block');    
    }); 
}); 

CSS：

#trans-nav li ul li ul{ 
    display:none; 
    position:absolute; 
    top:0; 
    left:8em; 
    background: #63867f; 
    width:8em; 
} 

#trans-nav li ul li ul li a { 
    background: #63867f; 
padding-right:0; 
} 

看到它在jsfiddle的行动在这里 - http://jsfiddle.net/6Xa8k/