JQ 滑入，滑出加渐变效果

JQ：
$(document).ready(function () {

$firstPara = $('p').eq(1);
$firstPara.hide();
$('.lianjie').click(function () {
$firstPara.animate({
opacity: 'toggle',
height: 'toggle'

}, 1500);

$link = $(this);
if ($link.text() == "展开") {
$link.text('收起');

}
else {
$link.text('展开');
}

});

})

 

HTML：

<div id="content">
<p>
你好的开口道可大量贷款贷款的来看看都快到了的但考虑到打开的
<br />
能得到脑袋里看看了贷款带来的凯迪拉克的来看带来的看懂了
<br />

</p>
<p>
你好的开口道可大量贷款贷款的来看看都快到了的但考虑到打开的
<br />
能得到脑袋里看看了贷款带来的凯迪拉克的来看带来的看懂了
<br />

</p>
<a href="#" class="lianjie">展开</a>

转载于:https://www.cnblogs.com/xiaochen88/archive/2012/12/27/2835601.html