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>