我在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);
})
});
提前致谢
答案 0 :(得分:1)
而不是找到<h4>
$(function(e) {
$('.prod-filter-nav h4').on('click', function() {
$(this).toggleClass('closed').next().slideToggle(300);
})
});
,而只是找到sibling元素。
triggerAsync