Podmenu Ukryj / Przełącz po kliknięciu innego elementu menu

Właśnie to mam teraz:JSfiddle

Gdy klikniesz kategorię 1, a następnie kategorię 2, chciałbym zamknąć podmenu kategorii 1. Jak mogę to osiągnąć?

Wszystko, co udało mi się teraz osiągnąć, to zamknięcie podmenu, gdy klikniesz gdziekolwiek na ekranie, z wyjątkiem menu:

$(function () {
$('nav ul li').not("nav ul li ul li").click(function(e){
    $(this).children('ul').stop().toggle();
    e.stopPropagation();
});
$("nav ul li ul li").click(function(e){
    $(this).children('ul').stop().toggle();
    e.stopPropagation();
});
});
$(document).click(function() {
    $("nav ul li ul").hide();
});

Bardzo dziękuję za wszelkie odpowiedzi!

questionAnswers(3)

yourAnswerToTheQuestion