فهرست منبع

模拟点击显示

outaozhen 5 سال پیش
والد
کامیت
a3bf923288
4فایلهای تغییر یافته به همراه47 افزوده شده و 10 حذف شده
  1. 7 1
      css/global.css
  2. 31 0
      js/global.js
  3. 1 1
      saea-loan-add-receipt.html
  4. 8 8
      saea-receipt-add4.html

+ 7 - 1
css/global.css

@@ -4121,7 +4121,7 @@ td div.dlLev3{
 }
 .fixedSide ul li{
   float: left;
-  display: block;
+  /*display: block;*/
   font-size: 12px;
   color: #fff;
   background: #666;
@@ -4136,4 +4136,10 @@ td div.dlLev3{
 .fixedSide ul li.active{
   background: #222 !important;
   color: #fff !important;
+}
+.show{
+  display: block !important;
+}
+.hidden{
+  display: none !important;
 }

+ 31 - 0
js/global.js

@@ -77,6 +77,37 @@ $(".sortAddup").hover(function () {
     $(this).removeClass("focus").find("dl").hide();
     }
 );
+
+
+//模拟点击
+$('.chalvCheck').click(function(){
+    if($(".chalv").css("display")=="none"){
+        $(".chalv").show();
+        $("#chalv").show();
+    }else{
+        $(".chalv").hide();
+        $("#chalv").hide();
+    }
+});
+
+$('.neibupeixunCheck').click(function(){
+    if($(".neibupeixun").css("display")=="none"){
+        $(".neibupeixun").show();
+        $("#neibupeixun").show();
+    }else{
+        $(".neibupeixun").hide();
+        $("#neibupeixun").hide();
+    }
+});
+
+// $('.da').click(function(){
+//     if($(".fsfs").css("display")=="none"){
+//         $(".fsfs").show();
+//     }else{
+//         $(".fsfs").hide();
+//     }
+// })
+
 $(".rmDone").click(function(){
   $(this).parent().parent("th").removeClass().toggleClass("grM");
 });

+ 1 - 1
saea-loan-add-receipt.html

@@ -50,7 +50,7 @@
 		  			<div class="fixedSide" id="fixedSide">
 		  				<ul>
 		  					<li class="active"><a href="#banshi">办事处</a></li>
-		  					<li><a href="#chalv">差旅</a></li>
+		  					<li><a href="#chalv">差旅相关</a></li>
 		  					<li><a href="#neibupeixun">内部培训</a></li>
 		  					<li><a href="#shenpi">审批</a></li>
 		  				</ul>

+ 8 - 8
saea-receipt-add4.html

@@ -53,9 +53,9 @@
 		  			<div class="fixedSide" id="fixedSide">
 		  				<ul>
 		  					<li class="active"><a href="#banshi">办事处</a></li>
-		  					<li><a href="#chalv">差旅</a></li>
-		  					<li><a href="#neibupeixun">内部培训</a></li>
-		  					<li><a href="#shenpi">审批</a></li>
+		  					<li class="chalv" style="display: none;"><a href="#chalv">差旅相关</a></li>
+		  					<li class="neibupeixun" style="display: none;"><a href="#neibupeixun">内部培训</a></li>
+		  					<li class="shenpi"><a href="#shenpi">审批</a></li>
 		  				</ul>
 		  			</div>
 		  			<div style="margin-left:30px;">
@@ -63,16 +63,16 @@
 				  		<div class="saeaList" id="saeaList">
 				  			<h4 class="saeaTip">请选择一下需要报销的费用类型</h4>
 				  			<ul class="saeaType clearfix">
-				  				<li>
+				  				<li class="active">
 				  					<input type="checkbox" name="checkbox" checked data-labelauty="办事处相关费用">
 				  				</li>
 				  				<li>
-				  					<input type="checkbox" name="checkbox" data-labelauty="差旅相关费用">
+				  					<input class="chalvCheck" type="checkbox" name="checkbox" data-labelauty="差旅相关费用">
 				  					<!-- <input class="saeaCheckbox" type="checkbox" name="" style="zoom:180%;" checked="">
 				  					<label>差旅相关费用</label> -->
 				  				</li>
 				  				<li>
-				  					<input type="checkbox" name="checkbox" data-labelauty="内部培训费用">
+				  					<input class="neibupeixunCheck" type="checkbox" name="checkbox" data-labelauty="内部培训费用">
 				  				</li>
 				  			</ul>
 				  			<!--办事处相关费用-->
@@ -118,7 +118,7 @@
 				  				</div>
 				  			</div>
 				  			<!--差旅相关费用-->
-				  			<div class="entry receipt-list" id="chalv">
+				  			<div class="entry receipt-list" id="chalv" style="display: none;">
 				  				<div class="seTable">
 				  					<table class="table table-bordered table-condensed table-hover">
 				  						<tbody>
@@ -233,7 +233,7 @@
 				  				</div>
 				  			</div>
 				  			<!--内部培训-->
-				  			<div class="entry receipt-list" id="neibupeixun">
+				  			<div class="entry receipt-list" id="neibupeixun" style="display: none;">
 				  				<div class="seTable">
 				  					<table class="table table-bordered table-condensed table-hover">
 				  					<tbody>