                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /形形色色的下拉菜单

二级菜单不显示为什么？

</style>
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
<script type="text/JavaScript">
   $(function(){
       $(".navname").mouseover(function(){
           $(this).children("ul").show();
       });

   $(function(){
       $(".navname").mouseout(function(){
           $(this).children("ul").hide();
       });
   })

</script>
</head>

<body>
   <div id="menu">
       <ul>
           <li><a href="#">首页</a></li>
           <li class="navname"><a href="#">课程大厅</a>
               <ul>
                   <li><a href="#">zhognwen</a></li>
                   <li><a href="#">yingwen</a></li>
                   <li><a href="#">hanyu</a></li>
               </ul>
           </li>