费用报销的模拟

js/global.js

@@ -90,6 +90,11 @@ $(".sortAddup").hover(function () {
 //     }
 // });
 
+$('.banshiCheck').click(function(){
+    $(".banshi").toggle();
+    $("#banshi").toggle();
+});
+
 $('.chalvCheck').click(function(){
     $(".chalv").toggle();
     $("#chalv").toggle();

saea-receipt-add4.html

@@ -52,7 +52,7 @@
 		  		<div class="borad-news">
 		  			<div class="fixedSide" id="fixedSide">
 		  				<ul>
-		  					<li class="active"><a href="#banshi">办事处</a></li>
+		  					<li class="banshi active"><a href="#banshi">办事处</a></li>
 		  					<li class="chalv"><a href="#chalv">差旅相关</a></li>
 		  					<li class="neibupeixun"><a href="#neibupeixun">内部培训</a></li>
 		  					<li class="shenpi"><a href="#shenpi">审批</a></li>
@@ -64,7 +64,7 @@
 				  			<h4 class="saeaTip">请选择一下需要报销的费用类型</h4>
 				  			<ul class="saeaType clearfix">
 				  				<li class="active">
-				  					<input type="checkbox" name="checkbox" checked data-labelauty="办事处相关费用">
+				  					<input class="banshiCheck" type="checkbox" name="checkbox" checked data-labelauty="办事处相关费用">
 				  				</li>
 				  				<li>
 				  					<input class="chalvCheck" type="checkbox" name="checkbox" data-labelauty="差旅相关费用">
@@ -76,8 +76,8 @@
 				  				</li>
 				  			</ul>
 				  			<!--办事处相关费用-->
-				  			<div class="entry receipt-list">
-				  				<div class="seTable" id="banshi">
+				  			<div class="entry receipt-list" id="banshi">
+				  				<div class="seTable">
 				  					<table class="table table-bordered table-condensed table-hover">
 				  					<tbody>
 				  						<tr><th colspan="2" class="taC">办事处相关费用</th></tr>