我在主文本上單擊時應用了淡入淡出效果。但它背後的div是
有點粗糙的效果。隱藏文本顯示淡入效果,但div不。
我怎樣才能使div與文本一起褪色。 繼承人小提琴。 http://jsfiddle.net/BreMW/826/顯示帶有淡入淡出效果以及背景div的隱藏文字?
$(document).ready(function(){
$(".toggle").click(function(){
$(this).find(".hide").fadeToggle();
});
});
.hide {
display: none;
}
@import url(https://fonts.googleapis.com/css?family=Questrial);
.spcredit{
color:#666666;
font-family: 'Questrial', sans-serif;
text-transform:uppercase;
font-size:9px;
}
.category {
width:440px;
padding-top:10px;
margin-bottom:40px;
background:white;
text-align:justify;
box-shadow:0px 3px 10px rgba(0,0,0,.15)
}
<div class="category" style="line-height:150%;"><center>
<div class="spcredit">
<div class="toggle"><a href="javascript:void(0);">text1</a>
<div class="hide">
hidden text1
</div></div>
</div>
您需要從'.category'中取出'.hide'元素。像[this](http://jsfiddle.net/BreMW/829/)。 – lmgonzalves