Это то, что я имею сейчас:JSfiddle

Когда вы нажимаете на категорию 1, а затем на категорию 2, я бы хотел закрыть подменю категории 1. Как я могу этого достичь?

Все, чего я добился прямо сейчас, - это закрытие подменю (ов) при нажатии в любом месте экрана, кроме как в меню:

$(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();
});

Большое спасибо за любые ответы!