半导体样式

Content/css/Main.css

@@ -1279,6 +1279,7 @@
 .page-teams .item .text {
   padding: 1rem 1.5rem;
   text-align: justify;
+  position: relative;
 }
 @media only screen and (min-width: 768px) {
   .page-teams .item .text {
@@ -2343,4 +2344,26 @@ a:hover {
     text-align: left;
     font-size: 16px;
   }
-}
\ No newline at end of file
+}
+.tdiv{
+		height: auto!important;
+	}
+.zkbtn{
+	position: absolute;
+	right: 10px;
+    bottom: 5px;
+    font-size: 12px;
+	color: #999;
+	cursor: pointer;
+}
+.zkbtn1{
+	position: absolute;
+	right: 10px;
+    bottom: 5px;
+    font-size: 12px;
+	color: #999;
+	cursor: pointer;
+}
+.tdivs{
+	height: 620px!important;
+}

Views/About/Index - 复制.cshtml

@@ -244,7 +244,41 @@
                 $(this).addClass("active");
                 var con = $(this).attr("href");
                 $(con).addClass("active").siblings().removeClass("active");
-
+				$("#tab3 .top .intro").wrap("<div style='height: 360px;overflow: hidden;'></div>");
+				$("#tab3 .text p").wrap("<div style='height: 175px;overflow: hidden;'></div>");
+				
+				if ($("#tab3 .top .intro").height()>360) {
+            		$("#tab3 .top .intro").parent().parent().append("<div class='zkbtn'>open</div>");
+            	}
+				
+				$("#tab3 .text p").each(function(){
+					if (this.height()>175) {
+						$(this).parent().parent().append("<div class='zkbtn1'>open</div>");
+					}
+				})
+				
+				$(".zkbtn").click(function(event){
+					event.stopPropagation();
+					event.preventDefault();
+					$(this).parent().find(".intro").parent().toggleClass("tdiv");
+					$(this).parent().toggleClass("tdivs");
+					if ($(this).parent().find(".intro").parent().hasClass("tdiv")) {
+						$(this).html("close")
+					}else{
+						$(this).html("open")
+					}
+				})
+				$(".zkbtn1").click(function(event){
+					event.stopPropagation();
+					event.preventDefault();
+					$(this).parent().find(".intro").parent().toggleClass("tdiv");
+					$(this).parent().toggleClass("tdiv");
+					if ($(this).parent().find(".intro").parent().hasClass("tdiv")) {
+						$(this).html("close")
+					}else{
+						$(this).html("open")
+					}
+				})
             })
 
         });

Views/About/Index.cshtml

@@ -68,6 +68,41 @@
                 $(this).addClass("active");
                 var con = $(this).attr("href");
                 $(con).addClass("active").siblings().removeClass("active");
+                $("#tab3 .top .intro").wrap("<div style='height: 360px;overflow: hidden;'></div>");
+				$("#tab3 .text p").wrap("<div style='height: 175px;overflow: hidden;'></div>");
+				
+				if ($("#tab3 .top .intro").height()>360) {
+            		$("#tab3 .top .intro").parent().parent().append("<div class='zkbtn'>open</div>");
+            	}
+				
+				$("#tab3 .text p").each(function(){
+					if (this.height()>175) {
+						$(this).parent().parent().append("<div class='zkbtn1'>open</div>");
+					}
+				})
+				
+				$(".zkbtn").click(function(event){
+					event.stopPropagation();
+					event.preventDefault();
+					$(this).parent().find(".intro").parent().toggleClass("tdiv");
+					$(this).parent().toggleClass("tdivs");
+					if ($(this).parent().find(".intro").parent().hasClass("tdiv")) {
+						$(this).html("close")
+					}else{
+						$(this).html("open")
+					}
+				})
+				$(".zkbtn1").click(function(event){
+					event.stopPropagation();
+					event.preventDefault();
+					$(this).parent().find(".intro").parent().toggleClass("tdiv");
+					$(this).parent().toggleClass("tdiv");
+					if ($(this).parent().find(".intro").parent().hasClass("tdiv")) {
+						$(this).html("close")
+					}else{
+						$(this).html("open")
+					}
+				})
 
             })
 

Views/Business/Index - 复制.cshtml

@@ -132,6 +132,16 @@
 		            	$(this).parent().parent().append("<div class='zkbtn'>open</div>");
 		            }
 				})
+				$(".zkbtn").click(function(event){
+					event.stopPropagation();
+					event.preventDefault();
+					$(this).parent().find("p").parent().toggleClass("tdiv");
+					if ($(this).parent().find("p").parent().hasClass("tdiv")) {
+						$(this).html("close")
+					}else{
+						$(this).html("open")
+					}
+				})
             })
             
         });

Views/Business/Index.cshtml

@@ -12,17 +12,6 @@
 	#tab3 .item001{
 		position: relative;
 	}
-	.tdiv{
-		height: auto!important;
-	}
-	.zkbtn{
-		position: absolute;
-		right: 10px;
-	    bottom: 5px;
-	    font-size: 12px;
-		color: #999;
-		cursor: pointer;
-	}
 </style>
 <div class="sub-nav">
     <div class="container">
@@ -222,18 +211,18 @@
 		            	$(this).parent().parent().append("<div class='zkbtn'>open</div>");
 		            }
 				})
+				$(".zkbtn").click(function(event){
+					event.stopPropagation();
+					event.preventDefault();
+					$(this).parent().find("p").parent().toggleClass("tdiv");
+					if ($(this).parent().find("p").parent().hasClass("tdiv")) {
+						$(this).html("close")
+					}else{
+						$(this).html("open")
+					}
+				})
             })
             	
-			$(".zkbtn").click(function(event){
-				event.stopPropagation();
-				event.preventDefault();
-				$(this).parent().find("p").parent().toggleClass("tdiv");
-				if ($(this).parent().find("p").parent().hasClass("tdiv")) {
-					$(this).html("close")
-				}else{
-					$(this).html("open")
-				}
-			})
         });
     </script>
 }
\ No newline at end of file