jqueryのトグルを使用して、forループ内にあるdivを非表示/表示しようとしています。ボタンをクリックして切り替えると、div が一瞬スライドアウトしますが、その後再び非表示になります。これが発生すると、次のクリックでトグルボタンがほとんど無効になっているように見えます...その後、同じ問題のあるdiv表示で再び機能します。{{email.sender}} テンプレート値を使用したのは、トグル ボタンをクリックすると、リスト内のその項目だけではなく、すべての項目がアクティブになるためです。以下のコードは、Jquery でタブに挿入されます (この部分は機能しています)。これについてあなたが与えることができるアドバイスをありがとう-
<div id="email_received_list">
{% for email in email_received_list %}
<p>
<input type="button" id="{{email.sender}}" value="Show Message"> {{email.sender}}: {{ email.subject }}
</p>
<script>
$(document).ready(function(){
$('#{{email.sender}}').click(function() {
$('.{{email.sender}}').slideToggle('fast');
return false;
});
});
</script>
<div class="{{email.sender}}" style="display:none; background-color:#4CF;width:100%;height:100%;"></div>
{% else %}
(You have not received any messages yet.)
{% endfor %}