如何使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(); 
});