Jquery手风琴禁用了slidedown的进一步点击

Question

我是jquery的新手，我已经实现了一个根据“clicked”div和其他div slideup滑动的手风琴。但是，一旦div滑落，我就不希望再点击事件了。我怎么做到这一点？

我有很多像下面这样的div -

<div class=tutorial> 
<div class =trigger>
<h1 class = "head"><img src="image.png" alt="" class = "image">First accordion</h1>
</div>
<div class=content> </div>
</div>

jquery：

$(document).ready(function() {
$('.content').hide();
$('.trigger').click(function() {
$('.content').slideUp("fast");                                                                                   $('.trigger').not(this).children('.head').children('.image').attr('src','help_arrowUp.png')
$(this).siblings('.content').slideDown('normal');
$(this).children('.head').children('.image').attr('src', 'help_arrowDown.png');
});
});

感谢任何帮助。谢谢。:)）

Answer 1

$('.content').not(this).slideUp("fast");                                                                                        
$(this).slideDown('normal');

像这样使用