如何让二级菜单不自动隐藏
请问点击二级菜单的子列表后如何让二级菜单不自动隐藏代码如下
就是刷新页面或点击列表跳转到另一个链接不让二级菜单自动隐藏
<!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>
我要去幼儿园深造了2回答
-
Bangk
下拉菜单之所以会隐藏是因为一有这个事件！你可以尝试修改相关事件，比如取消失去焦点事件
随时随地看视频慕课网APP
相关分类
JavaScript