半导体样式

Views/Business/Detail.cshtml

@@ -55,7 +55,34 @@
 
     <script>
         $(function () {
+        	$("#tab2 .txt p").wrap("<div style='height: 100px;overflow: hidden;'></div>");
+        	
+        	$("#tab3 p").wrap("<div style='height: 50px;overflow: hidden;'></div>");
+        	
             $("#mainav li").eq(2).addClass("active");
+            
+	        $("#tab2 .txt p").each(function(){
+	        	console.log($(this).height());
+	        	if ($(this).height()>100) {
+	        		$(this).parent().parent().append("<div class='zkbtn'>展开</div>");
+	        	}
+	        })
+			$("#tab3 p").each(function(){		
+				if ($(this).height()>50) {
+	            	$(this).parent().parent().append("<div class='zkbtn'>展开</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("收起")
+				}else{
+					$(this).html("展开")
+				}
+			})
         })
     </script>
 }
\ No newline at end of file

Views/Business/Index - 复制.cshtml

@@ -86,6 +86,12 @@
 
     <script>
         $(function () {
+        	
+        	$("#tab2 .txt p").wrap("<div style='height: 100px;overflow: hidden;'></div>");
+        	
+        	$("#tab3 p").wrap("<div style='height: 50px;overflow: hidden;'></div>");
+        	
+        	
             var url = $(location).attr('href');
             var oindex = url.indexOf("#");
             if (oindex > 0) {
@@ -116,6 +122,29 @@
                 $(con).addClass("active").siblings().removeClass("active");
 
             })
+            
+            $("#tab2 .txt p").each(function(){ 
+            	console.log($(this).height());
+            	if ($(this).height()>100) {
+            		$(this).parent().parent().append("<div class='zkbtn'>展开</div>");
+            	}
+            })
+			$("#tab3 p").each(function(){		
+				if ($(this).height()>50) {
+	            	$(this).parent().parent().append("<div class='zkbtn'>展开</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("收起")
+				}else{
+					$(this).html("展开")
+				}
+			})
 
         });
     </script>