JSCode:
//导入jquery库
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
//程序代码
<script type="text/javascript">
$(document).ready(function()
{
$("#mymenu ul li").next("ul").hide();
$("#mymenu ul li").click(function()
{
$(this).next("ul").toggle();
});
});
</script>
HTMLCode:
<div id="mymenu">
<ul>
<li><a href="#">用户管理</a></li>
<ul>
<li><a href="#">用户查询</a></li>
<li><a href="#">添加用户</a></li>
<li><a href="#">用户组</a></li>
</ul>
</ul>
<ul>
<li><a href="#">课程管理</a></li>
<ul>
<li><a href="#">课程列表</a></li>
<li><a href="#">添加课程</a></li>
</ul>
</ul>
</div>
//导入jquery库
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
//程序代码
<script type="text/javascript">
$(document).ready(function()
{
$("#mymenu ul li").next("ul").hide();
$("#mymenu ul li").click(function()
{
$(this).next("ul").toggle();
});
});
</script>
HTMLCode:
<div id="mymenu">
<ul>
<li><a href="#">用户管理</a></li>
<ul>
<li><a href="#">用户查询</a></li>
<li><a href="#">添加用户</a></li>
<li><a href="#">用户组</a></li>
</ul>
</ul>
<ul>
<li><a href="#">课程管理</a></li>
<ul>
<li><a href="#">课程列表</a></li>
<li><a href="#">添加课程</a></li>
</ul>
</ul>
</div>