Question

为什么爱问的幽默栏会变成了情场

Answer 1

很多种做法，我写个简单的给你，css和html自己去改html：<pre t="code" l="html"><div class="demo">
<a class="open" href="#">展开</a>
<a class="close" href="#">关闭</a>
</div>css：<pre t="code" l="css">.demo{width: 500px;height: 100px;margin: 100px auto;background: #0075d5;position: relative;}
.demo a{color: #fff;position: absolute;right: 10px;bottom: 10px;}
.demo .close{display: none;}jQuery：<pre t="code" l="js">$(".open" ).click(function(){
$(this ).hide().siblings(".close" ).show();
$(".demo" ).animate({height:'300px'},200);
return false;
});
$(".close" ).click(function(){
$(this ).hide().siblings(".open" ).show();
$(".demo" ).animate({height:'100px'},200);
return false;
});