Javascript jQuery滑动切换父级和子级

这是我的密码

<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;
}

我怎么能这样做，当我点击一个部分，只是打开一个部分的孩子当我点击B，只是显示B的。未打开的部分全部打开。

---

感谢您使用以下方法将幻灯片切换范围设置为当前元素：

---

编辑以关闭显示的其他列表

使用以下命令将滑动切换范围设置为当前元素：

编辑以关闭显示的其他列表

像这样：

$('.page_item').click(function(){
    $('ul').slideUp();
    $(this).find('ul').slideToggle();

    return false;
 });

像这样：

$('.page_item').click(function(){
    $('ul').slideUp();
    $(this).find('ul').slideToggle();

    return false;
 });

---

谢谢，但如果我打开了A部分，并单击了B部分，A部分仍然打开。我如何处理事件。默认设置；就在第一层，最上面的菜单？thanks@olo-将事件传递到事件的函数中，然后使用event.stopPropagation；。这里有一个演示：谢谢，但如果我打开了部分a，然后单击部分B，部分a仍然打开了如何处理事件.preventDefault；就在第一层，最上面的菜单？thanks@olo-将事件传递到事件的函数中，然后使用event.stopPropagation；。这是一个演示：谢谢，如何防止多个部分打开，只需一个我已经编辑了我的答案，它现在在显示你想要打开的部分之前关闭其他部分。谢谢，如何防止多个部分打开，只需一个我编辑了我的答案，它现在在显示你想要打开的部分之前关闭其他部分。顺便说一下，您应该尝试在.slideUp之前输入一个.stop，这样如果您多次单击，它就不会将一组动画排队。作为旁白，您应该尝试在.slideUp之前输入一个.stop，这样如果您多次单击，它就不会将一组动画排队