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

Question

我在一个 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);
})
});

提前致谢

Answer 1

不要找到<h4> 中的sibling，只需找到next 元素即可。

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