我有一个N级菜单结构，我必须首先隐藏所有级别的子菜单，并在父菜单的悬停时显示它们。我一直在尝试这个我隐藏所有的孩子并显示它们点击但问题是，当我点击其他父级时，必须关闭之前打开的菜单，如果我再次单击该菜单，其子项应处于隐藏状态，我需要一些缓动和动画效果，同时打开和关闭菜单它应该作为一个切换。
这就是我一直在努力做的事情：
$(document).ready(function(){
$("li").children('ul').hide();
$("li a").click(function(){
$(this).next('ul').toggle();
$(this).parent().siblings('li').children('ul').hide();
这里是我要做的事情的the js