jquery - Jquery手风琴禁用进一步点击滑动

Question

我是 jquery 的新手，我已经实现了一个手风琴，它根据“点击”的 div 和其他 div slidesup 向下滑动。但是，一旦 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');

像这样使用它