凡例タグ付きjqueryイベント

Question

onclickイベントを使用してfieldset内にコンテンツを表示しようとしていますが、これは正常に実行されましたが、複数のチェックボックスが含まれています。それ以上のチェックボックスをチェックすることはできません。ここに私のソースコードです。

<div> 
    <fieldset class="majorpoints"> 
    <legend class="majorpointslegend"><c:out value="${clist.key}" /></legend> 
    <div class="hiders" style="display:none" > 
    <table align=center border=1 width="50%"> 
    <tr style='background:#002232'> 
    <th><font color=#FFFFFF size="2"><b>Sr.No.</b></font></th> 
    <th><font color=#FFFFFF size="2"><b>USER NAME</b></font></th>           
<th><font color=#FFFFFF size="2"><b>SELECT</b></font></th>           
</tr> 
    <c:forEach items="${clist.value}" var="ltrate" varStatus="innerLoop"> 
    <tr>  
                    <td><c:out value="${innerLoop.index+1}"/></td>                             <td><c:out value="${ltrate.name}" /></td> 
                    <td><input type="checkbox" name="cllist_item" value="ltrate.linkID"></td> 

</tr> 
</c:forEach> 
                </table>          
</div> 
</fieldset> 
</div> 

jqueryのコード： -

$('.majorpoints').click(function(){ 
    $(this).find('.hiders').toggle(); 
}); 

だから私は、私は、この安定を維持したいと私は伝説すなわちのonclickイベントをクリックしたときにのみ表示されなくなりますチェックボックスをクリックした後、コンテンツを消えたくありません誰かがこれについての経験を持っている場合は、伝説に具体的に起こっている私に知らせてください。

Answer 1

フィールドセットのonclickを書いています。チェックボックスもフィールドセットの一部です。チェックボックスをクリックすると、イベントのためにフィールドセットが閉じられます。以下のように凡例のonclickを書きます。