jQuery slideToggle parent and children

seanhongkong

New Member
Here is my code\[code\]<li class="page_item "><a href="javascript:">A</a><ul class="children"> <li class="page_item"><a href="">1</a></li> <li class="page_item"><a href="">2</a></li></ul></li><li class="page_item "><a href="">B</a><ul class="children"> <li class="page_item"><a href="">1</a></li> <li class="page_item"><a href="">2</a></li> <li class="page_item"><a href="">3</a></li> <li class="page_item"><a href="">4</a></li></ul></li><li class="page_item "><a href="">C</a><ul class="children"> <li class="page_item"><a href="">1</a></li> <li class="page_item"><a href="">2</a></li> <li class="page_item"><a href="">3</a></li> <li class="page_item"><a href="">4</a></li></ul></li>$('.page_item').click(function(){ $('ul.children').slideToggle(); });ul.children{ display: none;}\[/code\]online sample http://jsfiddle.net/kHLuR/How can I make like that, when I click A section, just to open A section's children when I click B, just show B's. not open the whole sections opened.Thanks
 
Back
Top