<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)
jquery(四)插件
原创
©著作权归作者所有:来自51CTO博客作者wx360w684er9d的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【Jquery插件集合】轮播、时间处理插件
【Jquery插件集合】轮播、时间处理插件
jquery css JavaScript -
jquery transfer插件 jquery插件原理
由于项目开发需要,经常会用到一些jquery插件,但网上已有的插件常常又不能100%满足业务需求,所以就想自己能看懂插件的代码,进行一些功能上的改动和补充,或者能自己自定义插件就更好了。所以这段时间会对插件进行一些研究,现将学习的一些重要内容记录下来,供那些像我一样的初学者借鉴下。嘻嘻。 (一
jquery transfer插件 javascript ViewUI jQuery css -
千帆 架构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>电商首页</title> </head> <meta charset="UTF-8"> <title>bootstrap</title&g
千帆 架构 html css ps 仿页 css 平板电脑 bootstrap