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

时间:2015-12-10 05:17:51

标签: javascript jquery asp.net .net

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

提前致谢

1 个答案:

答案 0 :(得分:1)

而不是找到<h4> $(function(e) { $('.prod-filter-nav h4').on('click', function() { $(this).toggleClass('closed').next().slideToggle(300); }) }); ,而只是找到sibling元素。

triggerAsync