Javascript 如何在jQuery中隐藏子元素子元素

我有一个从MySQL表和PHP填充到一些嵌套子级别的菜单。 我的菜单是这样的：

A
B
C

如果第一次单击它显示所有子元素，然后再次单击它的子元素，则显示子元素也很好。
但问题是，当我打开A的所有级别项目后单击B时，它会显示B子元素。但是，如果我再次单击一个按钮，它也会显示除子元素之外的所有元素

为此，我使用jQuery

所以我想回到原来的状态？（仅展开最上面的子元素，而不是子元素），
怎么做

//这是我的jquery代码，用于菜单中可单击的元素。
$（文档）.ready（函数（）{
$（“.lichild”）.parent（）.hide（）；
$（“.limain”）。单击（函数（）{
$（this.children（'ul'）.show（）；
$（this）.兄弟姐妹（“.limain”）.children（'ul'）.hide（）；
});
$（“.lichild”）。单击（函数（）{
$（this.children（'ul'）.show（）；
$（this.sides（）.children（'ul'）.hide（）
});
});


A

A1

a2
a1







A2
A3
A4


B

B1



C

C1
C2
C3
A6

A8

A10



















D

D1




使用查找内部同级并隐藏它


$（“.lichild”）.parent（）.hide（）；
$（“.limain”）。单击（函数（）{
$（this.children（'ul'）.show（）；
$（this）.this（“.limain”）.find（'ul'）.hide（）；//此行中的更改
});
$（“.lichild”）。单击（函数（）{
$（this.children（'ul'）.show（）；
$（this.sides（）.children（'ul'）.hide（）
});



A.


A1

a2

a1

请花些时间正确设置问题的格式。您已经成为会员一年多了，如果您不愿意花时间正确设置问题格式，那么我们为什么要花时间回答？
       $(document).ready(function () {
        $(".lichild").parent().hide();
        $(".limain").click(function () {
            $(this).children('ul').show();
            $(this).siblings().find('ul').hide();
        });
        $(".lichild").click(function () {
            $(this).children('ul').show();
            $(this).siblings('li').find('ul').hide()

        });
    });