nav导航

HTML：
<ul id="ul1">
    <li>
        <h1>1111111</h1>
        <div>1111111111</div>
        <div>222</div>
    </li>
</ul>

CSS：
　　*{margin:0;padding:0;list-style:none;}
    #ul1{width:200px; overflow: hidden;}
    h1{background: orange;}
    #ul1 li div{border-bottom:1px solid red;height: 50px;}

JS：
$(function(){
    
    $('li').mouseover(function(){
        $(this).children('div').css('display','block')
    })
    
    $('li').mouseout(function(){
        $(this).children('div').css('display','none')
    })
    
})

引入代码：
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>