私はjqueryを初めて使用し、「クリックされた」divおよび他のdivスライドサップに応じてスライドダウンするアコーディオンを実装しました。ただし、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');
});
});
どんな助けにも感謝します。ありがとうございました。:)