Commit 26f43c9b authored by 郭朴讴's avatar 郭朴讴

半导体样式

parent 94d1676a
...@@ -1279,6 +1279,7 @@ ...@@ -1279,6 +1279,7 @@
.page-teams .item .text { .page-teams .item .text {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
text-align: justify; text-align: justify;
position: relative;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.page-teams .item .text { .page-teams .item .text {
...@@ -2344,3 +2345,25 @@ a:hover { ...@@ -2344,3 +2345,25 @@ a:hover {
font-size: 16px; font-size: 16px;
} }
} }
.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;
}
This diff is collapsed.
...@@ -244,7 +244,41 @@ ...@@ -244,7 +244,41 @@
$(this).addClass("active"); $(this).addClass("active");
var con = $(this).attr("href"); var con = $(this).attr("href");
$(con).addClass("active").siblings().removeClass("active"); $(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")
}
})
}) })
}); });
......
...@@ -68,6 +68,41 @@ ...@@ -68,6 +68,41 @@
$(this).addClass("active"); $(this).addClass("active");
var con = $(this).attr("href"); var con = $(this).attr("href");
$(con).addClass("active").siblings().removeClass("active"); $(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")
}
})
}) })
......
...@@ -132,6 +132,16 @@ ...@@ -132,6 +132,16 @@
$(this).parent().parent().append("<div class='zkbtn'>open</div>"); $(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")
}
})
}) })
}); });
......
...@@ -12,17 +12,6 @@ ...@@ -12,17 +12,6 @@
#tab3 .item001{ #tab3 .item001{
position: relative; position: relative;
} }
.tdiv{
height: auto!important;
}
.zkbtn{
position: absolute;
right: 10px;
bottom: 5px;
font-size: 12px;
color: #999;
cursor: pointer;
}
</style> </style>
<div class="sub-nav"> <div class="sub-nav">
<div class="container"> <div class="container">
...@@ -222,8 +211,6 @@ ...@@ -222,8 +211,6 @@
$(this).parent().parent().append("<div class='zkbtn'>open</div>"); $(this).parent().parent().append("<div class='zkbtn'>open</div>");
} }
}) })
})
$(".zkbtn").click(function(event){ $(".zkbtn").click(function(event){
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();
...@@ -234,6 +221,8 @@ ...@@ -234,6 +221,8 @@
$(this).html("open") $(this).html("open")
} }
}) })
})
}); });
</script> </script>
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment