<script type="text/javascript">
$(function(){
$("#left").myaccordion();
});
</script>
</head>
<body>
<div id="left">
<ul class="navMenu navSelected">
<h3 class="navTitle">
<span class="navTilteTxt">用户管理</span>
</h3>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/user/users" target="content">用户信息管理</a>
</li>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/group/groups" target="content">用户组管理</a>
</li>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/role/roles" target="content">用户角色管理</a>
</li>
</ul>
<ul class="navMenu">
<h3 class="navTitle">
<span class="navTilteTxt">文章管理</span>
</h3>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/channel/channels" target="content">栏目信息管理</a>
</li>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/topic/audits" target="content">文章信息管理</a>
</li>
</ul>
<ul class="navMenu">
<h3 class="navTitle">
<span class="navTilteTxt">系统配置</span>
</h3>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/cmsLink/links" target="content">超级链接管理</a>
</li>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/system/baseinfo" target="content">网站信息管理</a>
</li>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/pic/indexPics" target="content">首页图片管理</a>
</li>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/backups" target="content">网站数据备份</a>
</li>
<li class="navChild">
<a href="<%=request.getContextPath() %>/admin/system/cleans" target="content">系统清理管理</a>
</li>
</ul>
</div>
</body>
</html>
//*********************************
<script type="text/javascript">
$(function(){
$("div").myaccordion({selectedClz:"selected"});
});
</script>
</head>
<body>
<div>
<ul class="selected">
<h3>aaaaaaaaaaaa</h3>
<li>aaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaa</li>
</ul>
<ul>
<h3>aaaaaaaaaaaa</h3>
<li>aaaaaaaaaaaaaaaa</li>
</ul>
<ul>
<h3>aaaaaaaaaaaa</h3>
<li>aaaaaaaaaaaaaaaa</li>
</ul>
<ul>
<h3>aaaaaaaaaaaa</h3>
<li>aaaaaaaaaaaaaaaa</li>
</ul>
</div>
</body>
</html>
//*******************************
(function($){
$.fn.myaccordion=function(opts){
var settings=$.extend({
selectedClz:"navSelected",
titleTagName:"h3"
},opts||{});
var titleNode=$(this).find("ul>"+settings.titleTagName);
var selectedNode=$(this).find("ul."+settings.selectedClz+">"+settings.titleTagName);
titleNode.css("cursor","pointer");
titleNode.nextAll().css("display","none");
selectedNode.nextAll().css("display","block");
titleNode.click(function(){
var checked=$(this).parent("ul").hasClass(settings.selectedClz);//$(this)-->titleNode
if(checked){
$(this).parent().removeClass(settings.selectedClz);
$(this).nextAll().slideUp();
}else{
$(this).parent().addClass(settings.selectedClz);
$(this).nextAll().slideDown();
}
});
}
})(jQuery)
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
