隱藏/顯示div內的ASP複選框列表

Question

我有一個Div內的checkboxList。點擊H4時div會隱藏。但我不能隱藏該div當點擊H4選擇任何複選框項後

請檢查下面的代碼我用

<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); 
    }) 
});