半导体样式

Content/css/Main.css

@@ -1448,8 +1448,8 @@
   width: 100%;
 }
 .page-business .buslist .bus .txt {
-  padding: 1.5rem 1.5rem 5rem;
-  height: 190px;
+  padding: 1.5rem 1.5rem 0 1.5rem;
+  /*height: 190px;*/
   position: relative;
 }
 .page-business .buslist .bus .txt h3 {

Views/Business/Index.cshtml

@@ -5,7 +5,14 @@
 <div class="banner banner-contact  banner-business">
     <h1>Investment Business</h1>
 </div>
-
+<style>
+	#tab2 .txt{
+		position: relative;
+	}
+	#tab2 .tdiv{
+		height: auto;
+	}
+</style>
 <div class="sub-nav">
     <div class="container">
         <div class="row">
@@ -160,6 +167,9 @@
 
     <script>
         $(function () {
+        	$("#tab2 .txt p").wrap("<div class='tdiv' style='height: 100px;overflow: hidden;'></div>");
+        	
+        	
             var url = $(location).attr('href');
             var oindex = url.indexOf("#");
             if (oindex > 0) {
@@ -190,7 +200,16 @@
                 $(con).addClass("active").siblings().removeClass("active");
 
             })
-
+            
+            
+            if ($("#tab2 .txt p").offset().height()>100) {
+            	$("#tab2 .txt").after("<div class='zkbtn' style='position: absolute;right: 0;bottom: 0;'>展开</div>");
+            }
+			
+			$(".zkbtn").click(function(){
+				$(this).parent().find("p").parent().toggleClass("tdiv");
+				$(this).html("收起");
+			})
         });
     </script>
 }
\ No newline at end of file