Jquery Toggle +额外关闭按钮

时间:2013-05-13 15:32:00

标签: jquery button toggle

我写了这个小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)
      });
});

1 个答案:

答案 0 :(得分:0)

一切都很好。

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

Trigger()效果很好。