Hide / Toggle submenu ao clicar em outro item de menu
Isso é o que eu tenho agora:JSfiddle
Quando você clica na Categoria 1 e depois na Categoria 2, eu gostaria que o submenu da Categoria 1 fosse fechado. Como posso conseguir isso?
Tudo o que consegui agora é fechar o (s) submenu (s) ao clicar em qualquer lugar da tela, exceto no 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();
});
Muito obrigado por qualquer resposta!