jquery 的 slideToggle 做伸展时别的层换样式,收缩时样式还原怎么做?
jquery的slideToggle做伸展时别的层换样式,收缩时样式还原怎么做?如:$(document).ready(function(){$('#t1').click...
jquery 的 slideToggle 做伸展时别的层换样式,收缩时样式还原怎么做?
如:$(document).ready(function(){ $('#t1').click(function(){ $('#c1').slideToggle('slow',function(){ $("#t1 em:eq(0)").css("display","none"); }); }); });
<div class="content_list"> <div id="t1" class="content_list_title"><h2>985高校名单</h2><em></em><b></b></div> <div id="c1" class="content_list_content"></div> </div>这样收回的时候样式不会还原,有知道的吗? 看学校lookschool.net 展开
如:$(document).ready(function(){ $('#t1').click(function(){ $('#c1').slideToggle('slow',function(){ $("#t1 em:eq(0)").css("display","none"); }); }); });
<div class="content_list"> <div id="t1" class="content_list_title"><h2>985高校名单</h2><em></em><b></b></div> <div id="c1" class="content_list_content"></div> </div>这样收回的时候样式不会还原,有知道的吗? 看学校lookschool.net 展开
2个回答
展开全部
<style type="text/css">
#c1,#t1
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
#c1
{
height:120px;
display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#t1").click(function(){
$("#c1").slideToggle("slow");
});
});
</script>
<div class="content_list">
<div id="t1" class="content_list_title"><h2>985高校名单</h2><em></em><b></b></div>
<div id="c1" class="content_list_content">
<p>W3School - 领先的 Web 技术教程站点</p>
<p>在 W3School,你可以找到你所需要的所有网站建设教程。</p>
</div>
</div>
这边有个例子,你可以参考下
#c1,#t1
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
#c1
{
height:120px;
display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#t1").click(function(){
$("#c1").slideToggle("slow");
});
});
</script>
<div class="content_list">
<div id="t1" class="content_list_title"><h2>985高校名单</h2><em></em><b></b></div>
<div id="c1" class="content_list_content">
<p>W3School - 领先的 Web 技术教程站点</p>
<p>在 W3School,你可以找到你所需要的所有网站建设教程。</p>
</div>
</div>
这边有个例子,你可以参考下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询