Question

用js实现点击文字收缩效果。默认是文字收起效果，点击，展开。再次点击，收缩。

Answer 1

<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function () {
var content = "";
for (var i = 0; i < 20; i++)
content += "葡萄美酒夜光杯，欲饮琵琶马上催。";
$("#p1").html(content);
$("#btn").toggle(function () {
$("#p1").slideDown("slow");
}, function () {
$("#p1").slideUp("slow");
});
});
</script>
<input type="button" id="btn" value="显示/隐藏" /><p id="p1" style="display:none;"></p>