Browse Source

leftmenu

master
林一峰 8 years ago
parent
commit
fd571a7ccc
  1. 38
      resources/views/admin/common/leftmenu.blade.php

38
resources/views/admin/common/leftmenu.blade.php

@ -2,20 +2,28 @@
$(document).ready(function(){ $(document).ready(function(){
$('.inactive').click(function(){ $('.inactive').click(function(){
var className=$(this).parents('li').parents().attr('class'); var className=$(this).parents('li').parents().attr('class');
if($(this).siblings('ul').css('display')=='none'){
if(className=="yiji"){
$(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives');
if($(this).siblings('ul').css('display')=='none')
{
if(className=="leftmenu")
{
$(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('active');
$(this).parents('li').siblings('li').children('ul').slideUp(100); $(this).parents('li').siblings('li').children('ul').slideUp(100);
$(this).parents('li').children('ul').children('li').children('ul').parent('li').children('a').removeClass('inactives');
$(this).parents('li').children('ul').children('li').children('ul').parent('li').children('a').removeClass('active');
$(this).parents('li').children('ul').children('li').children('ul').slideUp(100); $(this).parents('li').children('ul').children('li').children('ul').slideUp(100);
} }
$(this).addClass('inactives');
$(this).addClass('active');
$(this).siblings('ul').slideDown(100); $(this).siblings('ul').slideDown(100);
}else{
$(this).removeClass('inactives');
}
else
{
$(this).removeClass('active');
$(this).siblings('ul').slideUp(100); $(this).siblings('ul').slideUp(100);
} }
})
});
$('.active').trigger("click");
}); });
</script> </script>
<style type="text/css"> <style type="text/css">
@ -23,7 +31,7 @@ $(document).ready(function() {
.list ul li{background-color:#f2f2f2; border:solid 1px #E5E5E5; border-bottom:0;} .list ul li{background-color:#f2f2f2; border:solid 1px #E5E5E5; border-bottom:0;}
.list ul li a{padding-left:20px;color:#444;display:block;height:40px;line-height:40px;position:relative;} .list ul li a{padding-left:20px;color:#444;display:block;height:40px;line-height:40px;position:relative;}
.list ul li .inactive{background:url(/images/off.png) no-repeat 90% center;} .list ul li .inactive{background:url(/images/off.png) no-repeat 90% center;}
.list ul li .inactives{background:url(/images/on.png) no-repeat 90% center;}
.list ul li .active{background:url(/images/on.png) no-repeat 90% center;}
.list ul li ul{display:none;padding:0;} .list ul li ul{display:none;padding:0;}
.list ul li ul li{border-left:0; border-right:0; background-color:#fafafa; border-color:#eee;} .list ul li ul li{border-left:0; border-right:0; background-color:#fafafa; border-color:#eee;}
.list ul li ul li ul{display:none;padding:0;} .list ul li ul li ul{display:none;padding:0;}
@ -34,7 +42,7 @@ $(document).ready(function() {
</style> </style>
<div class="list"> <div class="list">
<ul class="yiji">
<ul class="leftmenu">
<li><a href="#">中国美协章程</a></li> <li><a href="#">中国美协章程</a></li>
<li><a href="#" class="inactive active">常用操作</a> <li><a href="#" class="inactive active">常用操作</a>
<ul> <ul>
@ -45,7 +53,7 @@ $(document).ready(function() {
<li><a href="#"><small class="glyphicon glyphicon-triangle-right"></small> 单页文档管理</a></li> <li><a href="#"><small class="glyphicon glyphicon-triangle-right"></small> 单页文档管理</a></li>
</ul> </ul>
</li> </li>
<li><a href="#" class="inactive active">商品管理</a>
<li><a href="#" class="inactive">商品管理</a>
<ul> <ul>
<li><a href="#">商品列表</a></li> <li><a href="#">商品列表</a></li>
<li><a href="#">添加商品</a></li> <li><a href="#">添加商品</a></li>
@ -54,7 +62,7 @@ $(document).ready(function() {
</li> </li>
<li><a href="#" class="inactive">组织机构</a> <li><a href="#" class="inactive">组织机构</a>
<ul style="display: none"> <ul style="display: none">
<li><a href="#" class="inactive active"><small class="glyphicon glyphicon-triangle-right"></small> 美协机关</a>
<li><a href="#" class="inactive"><small class="glyphicon glyphicon-triangle-right"></small> 美协机关</a>
<ul> <ul>
<li><a href="#"><small class="glyphicon glyphicon-menu-right"></small> 办公室</a></li> <li><a href="#"><small class="glyphicon glyphicon-menu-right"></small> 办公室</a></li>
<li><a href="#"><small class="glyphicon glyphicon-menu-right"></small> 人事处</a></li> <li><a href="#"><small class="glyphicon glyphicon-menu-right"></small> 人事处</a></li>
@ -64,7 +72,7 @@ $(document).ready(function() {
<li><a href="#"><small class="glyphicon glyphicon-menu-right"></small> 维权办</a></li> <li><a href="#"><small class="glyphicon glyphicon-menu-right"></small> 维权办</a></li>
</ul> </ul>
</li> </li>
<li><a href="#" class="inactive active"><small class="glyphicon glyphicon-triangle-right"></small> 中国文联美术艺术中心</a>
<li><a href="#" class="inactive"><small class="glyphicon glyphicon-triangle-right"></small> 中国文联美术艺术中心</a>
<ul> <ul>
<li><a href="#">综合部</a></li> <li><a href="#">综合部</a></li>
<li><a href="#">大型活动部</a></li> <li><a href="#">大型活动部</a></li>
@ -81,7 +89,7 @@ $(document).ready(function() {
<li><a href="#" class="inactive">组织机构</a> <li><a href="#" class="inactive">组织机构</a>
<ul style="display: none"> <ul style="display: none">
<li><a href="#" class="inactive active">美协机关</a>
<li><a href="#" class="inactive">美协机关</a>
<ul> <ul>
<li><a href="#">办公室</a></li> <li><a href="#">办公室</a></li>
<li><a href="#">人事处</a></li> <li><a href="#">人事处</a></li>
@ -91,7 +99,7 @@ $(document).ready(function() {
<li><a href="#">维权办</a></li> <li><a href="#">维权办</a></li>
</ul> </ul>
</li> </li>
<li><a href="#" class="inactive active">中国文联美术艺术中心</a>
<li><a href="#" class="inactive">中国文联美术艺术中心</a>
<ul> <ul>
<li><a href="#">综合部</a></li> <li><a href="#">综合部</a></li>
<li><a href="#">大型活动部</a></li> <li><a href="#">大型活动部</a></li>

Loading…
Cancel
Save