用jquery写一个下拉菜单，打开页面时A菜单是展开状态，点击B菜单收起A菜单。

<!DOCTYPEhtml><html><head><title></title></head><body>一级菜单打开网页时显示的隐藏二级菜单项B一级菜单隐藏二级菜单项

下拉菜单，点开这个上一个就折叠了

我是用JQ写的，所以需要自己导入JQ库。
代码如下：<!DOCTYPEhtml><head><title>hoverSlideoutDemo</title>[xss_clean][xss_clean]*{padding:0;margin:0;box-sizing:border-box;}.​​foldMenu-box{width:200px;}.foldMenu{min-height:500px;background-color:#333;color:#fff;}.foldMenuli{}.foldMenu-title{padding:8px20px;font-weight:bold;font-size:14px;background-color:#777;}.foldMenu-sub{height:0;overflow:hidden;transition:all1.4s;}.foldMenu-suba{显示：块；填充：15px015px30px；文本装饰：无；颜色：#FFF；字体大小e:12px;光标:指针;空白:nowrap;文本溢出:省略;溢出:隐藏;}.foldMenu-suba:hover{背景颜色:#444;}</head><body>="foldMenu-title">菜单1

子菜单1子菜单2子菜单3