如何更改代码以查看操作“当其他子菜单打开时关闭子菜单”..？

Question

这是我的移动响应式菜单的代码..但是当其中一个子菜单打开另一个打开的子菜单没有关闭时，我遇到了问题。 （当我点击每个子菜单时，我不想立即查看所有子菜单，但只需要查看其他子菜单） 我有解决方案但我不知道如何通过该解决方案更改以下代码

必需的解决方案：http://jsfiddle.net/JqJce/6/

$("ul#topnav").clone().appendTo("#navmobitop");
$("ul#navnyaa").clone().appendTo("#navmobi");
$("#mobilenavtop").toggle(function() {
$(this).addClass("active");
$("#navmobitop .menuhlng").slideDown()
}, 
function() {
$(this).removeClass("active");
$("#navmobitop .menuhlng").slideUp()
});
$("#mobilenav").toggle(function() {
$(this).addClass("active");
$("#navmobi #navnyaa").slideDown()
},
function() {
$(this).removeClass("active");
$("#navmobi #navnyaa").slideUp()
});
$("#navmobi .dgnsub > a").toggle(function() {
$(this).parent().addClass("active");
$($(this).parent()).children("ul").slideDown()
}, 
function() {
$(this).parent().removeClass("active");
$($(this).parent()).children("ul").slideUp()
});

Answer 1

更改以下内容

$('.nav .nav-open').removeClass('nav-open').find('> ul  li').slideUp();

演示：http://jsfiddle.net/bwwvpev9/