Jquery 如何显示当前li的唯一子项并隐藏其他li子项

我的页面中有多个嵌套ul。嵌套ul通过以下jquery代码显示

Jquery

$("li").click(function(){
    $(this).children("ul").show("slow");
});

但是我想一次只显示一个嵌套的ul。我的意思是，当我单击一个li时，它应该只显示其子ul，而隐藏其他子ul。我在以前的jquery代码中添加了以下行

$("li ul").not(this).hide("slow");

但它不起作用

CSS

li ul{
    display:none;
}

HTML

<li>
    <a href="#">Insert + </a>
    <ul>
        <li>
            <a href="services.php">Services</a>
        </li>
        <li>
            <a href="notice.php">Notice and Information</a>
        </li>
    </ul>
</li>

<li>
    <a href="#">View + </a>
    <ul>
        <li>
            <a href="services.php">Comments</a>
        </li>
        <li>
            <a href="notice.php">Status</a>
        </li>
    </ul>
</li>

试试这个代码

$("li").click(function(){
    $("li").not(this).children("ul").hide("slow");
    $(this).children("ul").show("slow");
});

$（“li”）。单击（函数（）{
美元（“li”）。不是（这个）。儿童（“ul”）。隐藏（“慢”）；
美元。儿童（“ul”）。表演（“慢”）；
});
liul{
显示：无；
}
















试试这个代码

$("li").click(function(){
    $("li").not(this).children("ul").hide("slow");
    $(this).children("ul").show("slow");
});


$（“li”）。单击（函数（）{
美元（“li”）。不是（这个）。儿童（“ul”）。隐藏（“慢”）；
美元。儿童（“ul”）。表演（“慢”）；
});
liul{
显示：无；
}
















谢谢@Amal非常感谢帮助你：）谢谢@Amal非常感谢帮助你：）