Jquery Toggle +额外关闭按钮

Question

我写了这个小切换脚本，我想在我的打开包装器中添加一个额外的“关闭”按钮。因此，有人可以通过单击“按钮”来打开和关闭它，也可以通过单击“关闭”来关闭它。

我希望有人可以帮助我。 问候。 :)

 <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)
      });
});

Answer 1

一切都很好。

 $("#close").click(function () {
$(".ia1").trigger("click");
});

Trigger() 效果很好。