我写了这个小Toggle脚本,我想添加一个额外的"关闭"按钮进入我的打开包装器。所以有人可以点击"按钮"打开和关闭它。但也可以点击"关闭"关闭它。
我希望有人可以帮助我。 问候。 :)
<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)
});
});
答案 0 :(得分:0)
一切都很好。
$("#close").click(function () {
$(".ia1").trigger("click");
});
Trigger()效果很好。