現在の子リスト項目を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

あなたは[ `$（この）.children（」。innerOrderLists '）このコード

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