console
$(function(){
$(".litem").hover(function(){
$(this).find(".uitem").slideDown(500);
},function(){
$(this).find(".uitem").slideUp(500);
});
});
<body>
<ul id="umenu">
<li class="litem"><a href="#">体育明星</a>
<ul class="uitem">
<li><a href="#">纳什</a></li>
<li><a href="#">乔丹</a></li>
<li><a href="#">科比</a></li>
</ul>
</li>
<li class="litem"><a href="#">政治明星</a>
<ul class="uitem">
<li><a href="#">习大大</a></li>
<li><a href="#">普京</a></li>
<li><a href="#">奥巴马</a></li>
</ul>
</li>
<li class="litem"><a href="#">娱乐明星</a>
<ul class="uitem">
<li><a href="#">胡歌</a></li>
<li><a href="#">周董</a></li>
<li><a href="#">教主</a></li>
</ul>
</li>
</ul>
</body>
*{
margin:0;
padding：0;
font-family:"微软雅黑"；
}
body{
background:#ffff80;
}
ul{
list-style-type:none;
}
a{
color:#ffffff;
text-decoration:none;
}
a:hover{
color:balck;
}
.litem{
width:200px;
}
.litem>a{
height:30px;
background:#f00;
display:block;
line-height:30px;
border-left:15px solid #f06;
padding-left:15px;
}
.uitem{
display:none;
}
.uitem li{
border-bottom:1px solid white;
}
.uitem a{
height:30px;
background:#dc9a9a;
line-height:30px;
display:block;
border-left:15px solid #d55252;
padding-left:20px;
}