Jquery 单击主项时，如何使子菜单显示和隐藏？

$（'.slideout菜单li'）。单击(
函数（）{
$（this）.children（'.mobile子菜单'）.show（）；
},
函数（）{
$（this）.children（'.mobile子菜单'）.hide（）；
}); 
。滑出菜单{
位置：绝对位置；
顶部：100px；
左：0px；
宽度：100%；
身高：100%；
背景：rgb（248248248248）；
z指数：1；
}
.滑出菜单.滑出菜单切换{
位置：绝对位置；
顶部：12px；
右：10px；
显示：内联块；
填充：6px 9px 5px；
字体系列：Arial，无衬线；
字体大小：粗体；
线高：1；
背景：#222；
颜色：#999；
文字装饰：无；
垂直对齐：顶部；
}
.滑出菜单.滑出菜单切换：悬停{
颜色：#fff；
}
.滑出菜单{
列表样式：无；
字体大小：300；
边框顶部：1px实心#dddddd；
边框底部：1px实心#dddddd；
}
.滑出菜单ul li{
/*边框顶部：1px实心#dddddd*/
边框底部：1px实心#dddddd；
}
.滑出菜单ul li a{
位置：相对位置；
显示：块；
填充：10px；
颜色：#999；
文字装饰：无；
}
.滑出菜单ul li a：悬停{
背景：AAAAA；
颜色：#fff；
}
.滑出菜单ul li a i{
位置：绝对位置；
顶部：15px；
右：10px；
不透明度：.5；
}
















只需将（显示/隐藏）替换为“切换”功能，如下所示：

$('.slideout-menu li').click(
    function() {
          $(this).children('.mobile-sub-menu').toggle();
}); 

这很好

切换功能：
当您单击“滑动菜单”或甚至“滑动菜单”类时，是否只想隐藏移动子菜单，然后将其向上或向下滑动？一定要使移动子菜单不可见您可以简单地添加行。滑出菜单。移动子菜单{display:none；}为你的困惑向你的老师致意。我想让我的子项在我单击主项（手册）时显示，在我再次单击主项（手册）时再次隐藏。只是想让您知道上面的代码在参数方面有问题。如果在代码中使用hover，您将能够看到它工作，因为hover允许您在输入和离开元素时绑定元素，而使用click可以定义每次单击元素时要执行的函数