我写了这个小切换脚本,我想在我的打开包装器中添加一个额外的“关闭”按钮。因此,有人可以通过单击“按钮”来打开和关闭它,也可以通过单击“关闭”来关闭它。
我希望有一个人可以帮助我。问候。:)
<div class="ia1">Button</div>
<div class="ib1">
<p>
Text
</p>
<div id="close">close</div>
</div>
JQ:
function() {
$(".ia1").toggle(
function(){
$('.ib1').css("display","block"),
$('.ib1').animate({ height: $('p')[0].scrollHeight+'px'},200),
$('.ia1').html('<div class="icon icon2"></div>Close')
},
function(){
$('.ib1').animate({height:10},200),
$('.ia1').html('<div class="icon"></div>Open'),
setTimeout(function(){$('.ib1').css("display","none")},200)
});
});