たとえば、「Toggle」という ID を持つページに複数の div があるとします。すべての div には、他に 2 つの div があります。
- 「見出し」 これは常に表示されます。
- 「コメント」 見出しがクリックされたときにオン/オフを切り替えます (デフォルトはオフ)。
jqueryでこれを行うにはどうすればよいですか?私はそれを機能させましたが、ページに1つしかありません。
<script>
$(function() {
$('#toggle').on('click', function () {
$(this).find('#comment').slideToggle(100);
});
});
</script>
(おそらくこれは別の質問ですが、クリックすると(そしてコメントがドロップダウンされると)「見出し」divの背景が青に変更され、「見出し」が再度クリックされると元に戻り、コメントが上にスライドするようにしたいと思います)