Jquery 在锚定单击上切换UL的类

Jquery 在锚定单击上切换UL的类,jquery,css,Jquery,Css,我有一个具有以下结构的菜单: 当我点击服务或帮助时,我想将下一个UL的类从和切换到“打开”,以便显示/隐藏子菜单 当我打开一个子菜单时,如果有任何打开的子菜单,则另一个子菜单应关闭 我正在使用JQuery。我该怎么做 谢谢,, 米格尔这样就可以了: $("li a").click(function() { var element = $(this).next('ul'); var flag = element.hasClass("open"

我有一个具有以下结构的菜单:

当我点击服务或帮助时,我想将下一个UL的类从和切换到“打开”,以便显示/隐藏子菜单

当我打开一个子菜单时,如果有任何打开的子菜单,则另一个子菜单应关闭

我正在使用JQuery。我该怎么做

谢谢,,
米格尔

这样就可以了:

 $("li a").click(function() {
     var element = $(this).next('ul');
     var flag = element.hasClass("open");
     $("li ul").removeClass("open");
     flag ? element.removeClass("open") : element.addClass("open");   
});

它确实工作得很好。。。例如,如果单击“服务”,则会打开子菜单,但如果再次单击,则不会关闭子菜单。
 $("li a").click(function() {
     var element = $(this).next('ul');
     var flag = element.hasClass("open");
     $("li ul").removeClass("open");
     flag ? element.removeClass("open") : element.addClass("open");   
});