隐藏/显示分区内的ASP复选框列表

ASP Checkbox list inside hide/show div

本文关键字：ASP 复选框 列表 显示 分区 隐藏      更新时间：2023-09-26

我在一个div中有一个checkboxList。单击H4时，div会隐藏起来。但是我不能在选中任何复选框项目后点击H4时隐藏这个div

请检查以下代码我已经使用

<div class="prod-filter-nav">
<h4>Category</h4>
<asp:CheckBoxList ID="CheckBoxList1"  runat="server" class="prod-list"  
AutoPostBack="True"   RepeatLayout="UnorderedList">
</asp:CheckBoxList>
</div>

用于此页面的Javascript：--

jQuery(document).ready(function($){
$('.prod-filter-nav h4').on('click', function(){
    $(this).toggleClass('closed').siblings('.prod-list').slideToggle(300);
})
});

提前感谢

不查找<h4>的同级元素，只查找下一个元素。

$(function(e) {
    $('.prod-filter-nav h4').on('click', function() {
        $(this).toggleClass('closed').next().slideToggle(300);
    })
});
相关文章：