Daniel Daniel - 9 days ago 6
jQuery Question

How to make the current children list item active with jQuery

I'm trying to create slideDown() and SlideUp() effects on my list items. i want to make an effect. when i clicked on the current

<li></li>
, it slides down its inner
<ol></ol>
. while the other list items slides up.

I was trying https://jsfiddle.net/pu5pj06a/1/

Answer

Is this what you were after?

Working Fiddle

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