嗨,我在两个嵌套的 ul 上使用 jQuery 滑动切换,但是当我单击辅助 ul 时,另一个 ul 不会向上滑动。
如何让 jQuery 检测到正确的并将其向上滑动?
我有一个jsFiddle作为我正在做的事情的一个例子。关于我可以做些什么不同的事情有什么建议吗?
代码示例:
<ul class="top-category four columns">
<li class="filter-title">Filter by: Blog Categories <span class="icon-arrow-down3"></span>
<ul class="child-category">
<li class="filter-item">
<input type="checkbox" id="tag_278" name="blog_categories[]" class="fintech siteset-checkbox" value="FinTech" data-name="FinTech">FinTech</li>
</ul>
</li>
</ul>
<ul class="top-category four columns">
<li class="filter-title">Filter by: Staff <span class="icon-arrow-down3"></span>
<ul class="child-category">
<li class="filter-item">
<input type="checkbox" id="tag_283" name="staff[]" class="jan_stannard siteset-checkbox" value="Jan Stannard" data-name="Jan Stannard">Jan Stannard</li>
</ul>
</li>
</ul>
jquery
$( ".filter-title" ).click(function() {
$(this).children().nextAll('.child-category').slideToggle();
});
CSS
.child-category {display:none}
最佳答案
试试这个:
$( ".filter-title" ).click(function() {
var child = $(this).children('.child-category') ,
rest = $('.child-category:visible').not(child);
child.slideToggle(); //toggle current one
rest.slideUp(); //close the rest
});
关于jQuery SlideToggle,向上滑动其他元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27620318/