Wie ändert sich der Code, um die Aktion zu sehen "Untermenü schließen, wenn anderes Untermenü geöffnet wird" ..?

Question

Hier ist der Code meines mobilen responsiven Menüs..aber ich bekomme ein Problem, wenn eines der Untermenüs das andere geöffnete Untermenü öffnet, das nicht schließt. (Ich möchte nicht alle Untermenüs auf einmal sehen, wenn ich auf jedes geklickt habe, aber nur ein Untermenü sehen muss.) Ich habe eine Lösung, aber ich weiß nicht, wie ich den folgenden Code durch diese Lösung ändern kann

Benötigte Lösung: 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

Änderung der folgende

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

Demo: http://jsfiddle.net/bwwvpev9/