请问点击二级菜单的子列表后如何让二级菜单不自动隐藏代码如下就是刷新页面或点击列表跳转到另一个链接不让二级菜单自动隐藏<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>主页面</title> <meta charset="utf-8" /> <link href="images/a_style.css" rel="stylesheet" /> <link href="box.css" rel="stylesheet" /> <style> .contentA0{ display: none; .current{background:url(../images/M_li5.gif) no-repeat;} } </style> <script type="text/javascript" src="carhartl-jquery-cookie-3caf209/jquery.cookie.js"></script> <script type="text/javascript" src="jquery.js"></script> <script> window.onload=function(){ $(".menu_out").click(function(){ $(".contentA0").css("display","none") if($(this).next(".contentA0").get(0)){ $(this).next(".contentA0").css("display","block") } }); } </script></head><body style=" background:#32323a;"> <div style="width:300px; margin:auto;"> <a href="#"><img src="images/logo.jpg" /></a> <div> <ul> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_01.png) no-repeat 30px center;"></div> 老人档案管理 </a> </li> <li class="contentA0"> <div> <ul> <li><a href="index.html" class="menusub" target="_blank">> 基础信息</a></li> <li><a href="老人服务登记.html" class="menusub" target="_blank">> 服务登记</a></li> </ul> </div> </li> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_02.png) no-repeat 30px center;"></div> 服务队伍管理 </a> </li> <li class="contentA0"> <div> <ul> <li><a href="从业机构管理.html" class="menusub" target="_blank">> 从业机构管理</a></li> <li><a href="从业人员管理.html" class="menusub" target="_blank">> 从业人员管理</a></li> </ul> </div> </li> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_04.png) no-repeat 30px center;"></div> 为老人服务管理 </a> </li> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_01.png) no-repeat 30px center;"></div> 服务补贴管理 </a> </li> <li class="contentA0"> <div> <ul> <li><a href="#" class="menusub">> 统计报表</a></li> <li><a href="#" class="menusub">> 审批事项</a></li> </ul> </div> </li> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_04.png) no-repeat 30px center;"></div> 服务对接管理 </a> </li> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_03.png) no-repeat 30px center;"></div> 志愿服务管理 </a> </li> <li class="contentA0"> <div> <ul> <li><a href="服务管理.html" class="menusub" target="_blank">> 基础信息</a></li> <li><a href="义工服务登记.html" class="menusub" target="_blank">> 服务登记</a></li> <li><a href="义工培训登记.html" class="menusub" target="_blank">> 培训登记</a></li> </ul> </div> </li> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_05.png) no-repeat 30px center;"></div> 系统管理 </a> </li> <li class="contentA0"> <div> <ul> <li><a href="操作员管理.html" class="menusub" target="_blank">> 操作员管理</a></li> <li><a href="系统设置.html" class="menusub" target="_blank">> 系统设置</a></li> <li><a href="备份列表.html" class="menusub" target="_blank">> 备份列表</a></li> </ul> </div> </li> <li class="menu_out"> <a href="#"> <div style="float:left; width:90px; height:65px; background:url(images/icon_06.png) no-repeat 30px center;"></div> 知识库管理 </a> </li> </ul> </div> </div></body></html>
添加回答
举报
0/150
提交
取消