Question

PHP做网站问题：1.左侧导航栏的子菜单可以收起和展开；2.当点击某个导航时背景变色，点击其他时变回来

问题如题所示，实现的效果和代码如下所示。想要解决的2个问题：一个是可以将子菜单收起和展开，一个是点击某项时的背景可以变成其他颜色，以便用户知道现在看的是哪个界面，点击其他的时候变回来。新手做得很简陋，各位大神有没有类似的代码可以借鉴，感激不尽！

<h3><a href="Admin.php"><font color=blue>后台管理系统</font></a></h3>
<h2><a href="Admin/userinfo/userinf_select.php"target="iframe_a">人员信息</a></h2>
<ul>

<li><a href="Admin/userinfo/userinf_select_4.php"target="iframe_a">人资部</a></li>
<li><a href="Admin/userinfo/userinf_select_1.php"target="iframe_a">车间生产部</a></li>
<li><a href="Admin/userinfo/userinf_select_2.php"target="iframe_a">工艺部</a></li>
<li><a href="Admin/userinfo/userinf_select_3.php"target="iframe_a">技术部</a></li>
</ul>

<h2><a href="system.php"target="iframe_a">系统设置</a></h2>
<ul>
<li><a href="Admin/about_us.php"target="iframe_a">页面管理</a></li>
<li><a href="Admin/about_us.php"target="iframe_a">单位信息</a></li>
</ul>

<h3><ahref="Technology.php" ><font color=blue>技术办公室系统</font></a></h3>
<h2><a href="modellist.php"target="iframe_a">模型数据库</a></h2>
<ul>
<li>2014年12月</li>
<li>2015年1月</li>
<li>2015年2月</li>
</ul>
<h2><a href="Technology/project.php"target="iframe_a">项目计划</a></h2>
<ul>
<li>2014年12月</li>
<li>2015年1月</li>
<li>2014年2月</li>
<li>2015年3月</li>
</ul>
<h2><ahref="Technology/designinfo/designinf_select.php"target="iframe_a">产品设计</a></h2>
<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li>项目四</li>
</ul>





Answer 1

加载jQuery库后使用

<script type="text/javascript">
$(function(){
    $("li a").click(function(){
        $("ul li").slideUp();
        $(this).parent("li").css("background-color":"#000").parent("ul").find("li").show();
    });
});
</script>