javascript - 隐藏/显示 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

而不是寻找 sibling的<h4>只需找到 next元素。

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