js下拉菜单，求详解
第一个下拉菜单能够做得出来，第二个怎么就做不出来了》？
这是一部分代码
function hidesubmenu(li){
var submenu=li.getElementsByTagName("ul")[0];
submenu.style.display="none";
}
function showsubmenu1(li){
var submenu1=li.getElementsByTagName("ul")[1];
submenu1.style.display="block";
}
function hidesubmenu1(li){
var submenu1=li.getElementsByTagName("ul")[1];
submenu1.style.display="none";
}
</script>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li onmouseover="showsubmenu(this)" onmouseout="hidesubmenu(this)"><a href="#">课程大厅</a>
<ul>
<li><a href="#">JavaScript</a></li>
<li><a href="#">jQuery</a></li>
</ul>
</li>
<li onmouseover="showsubmenu1(this)" onmouseout="hidesubmenu1(this)"><a href="#">学习中心</a>
