如何使用jQuery

Question

我正在尝试在列表项上创建slideDown()和SlideUp()效果。我想发挥作用。当我点击当前<li></li>时，它会向内滑动<ol></ol>。而其他列表项则向上滑动。

我在here.

中尝试了以下代码

$('#unOrderedLists .itemsListsCategory').on('click', function(){
$(this).children('.innerOrderLists').slideDown().end()
.next('.innerOrderLists').slideUp();
});

Answer 1

这是你追求的吗？

Working Fiddle

$('#unOrderedLists .itemsListsCategory').on('click', function(){
$(this).siblings().children('ol').slideUp();
$(this).children('.innerOrderLists').slideDown();
});

Answer 2

您可以使用此代码

$('#unOrderedLists .itemsListsCategory').on('click', function(){
    $(this).children('.innerOrderLists').slideDown();
    $('#unOrderedLists.itemsListsCategory').not($(this)).children('.innerOrderLists').slideUp();
});