この小さなトグル スクリプトを作成し、開いているラッパーに「閉じる」ボタンを追加したいと考えています。したがって、誰かが「ボタン」をクリックして開いたり閉じたりするだけでなく、「閉じる」をクリックして閉じることもできます。
誰かが私を助けてくれることを願っています。ご挨拶。:)
<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)
});
});