Javascript 选择其他子菜单时隐藏展开的子菜单

当用户通过动画单击子菜单时，我要展开子菜单：

angular.module（'testApp'，['ngAnimate']））
.controller（'testController'，['$scope'，
职能（$范围）{
$scope.workshops=[
{名称：“研讨会观众”，id:“观众”}，
{名称：“车间目录”，id:“目录”}，
{name:“添加工作坊”，id:'Add_wk'}，
{name:“添加/编辑类别”，id:'Add_ctg'}，
{name:“添加/编辑难度级别”，id:'Add_lvl'}，
{name:“添加/编辑目标组”，id:'Add_grp'}
];
}
])
.动画（'.slide'，函数（）{
var NG_HIDE_CLASS='NG HIDE'；
返回{
beforeAddClass:函数（元素、类名、完成）{
if（className==NG\u HIDE\u类）{
元素。slideUp（完成）；
}
},
removeClass:函数（元素、类名、完成）{
if（className==NG\u HIDE\u类）{
element.hide（）.slideDown（完成）；
}
}
}
});











这行吗


angular.module（'testApp'，['ngAnimate']））
.controller（'testController'，['$scope'，
职能（$范围）{
$scope.workshops=[
{名称：“研讨会观众”，id:“观众”}，
{名称：“车间目录”，id:“目录”}，
{name:“添加工作坊”，id:'Add_wk'}，
{name:“添加/编辑类别”，id:'Add_ctg'}，
{name:“添加/编辑难度级别”，id:'Add_lvl'}，
{name:“添加/编辑目标组”，id:'Add_grp'}
];
$scope.expandToggle=函数（子菜单）{
如果（子菜单==“展开”）{
$scope.expand=！$scope.expand；
如果（$scope.expand2）{$scope.expand2=false；}
}
如果（子菜单=='expand2'）{
$scope.expand2=！$scope.expand2；
如果（$scope.expand）{$scope.expand=false；}
}
}
}
])
.动画（'.slide'，函数（）{
var NG_HIDE_CLASS='NG HIDE'；
返回{
beforeAddClass:函数（元素、类名、完成）{
if（className==NG\u HIDE\u类）{
元素。slideUp（完成）；
}
},
removeClass:函数（元素、类名、完成）{
if（className==NG\u HIDE\u类）{
element.hide（）.slideDown（完成）；
}
}
}
});