jQuery menu, problema nascondere albero dei sottomenu

[sXe]

Ciao, ho da poco iniziato a studiare jQuery, e mi sono bloccato con un menu orizzontale.
Vorrei realizzare un menu che al mouse over mi apra i sottomenu livello dopo livello e li lasci aperti se con il mouse esco dal menu. Se poi porto il mouse su un altro elemento del menu deve chiudere tutto l'albero aperto fino ad ora e aprirmi quello che ho selezionato.
Per ora sono riuscito ad aprire i menu e lasciarli aperti, ma non riesco a chiuderli se cambio sezione, con il risultato che si accavallano tutti.
Qualche suggerimento?

Codice jQuery :

$(document).ready(function(){    
    $("#nav li").hover(
    function(){
      $(this).find('ul:first').css({visibility: "visible"}).show(400);
    },
    function(){
      $(this).find('ul:visible').css({visibility: "hidden"});
    }
  );
  $("#nav li").mouseout(
    function(){
      $(this).find('ul:visible').css({visibility: "visible"});
    }
  );
}); 

Menu :

<ul id="nav" class="prodSelect">[*][url="#"]<?php echo $prodMenu[0] ?><span class="grow2"> &gt;</span>[/url]
        <ul>[*][url="#"]<?php echo $subMenu[0] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=8&idm=2&gallery=0' ?>"]<?php echo $prod[8] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[1] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=8&idm=2&gallery=1' ?>"]<?php echo $prod[8] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=7&idm=2&gallery=1' ?>"]<?php echo $prod[7] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=10&idm=2&gallery=1' ?>"]<?php echo $prod[10] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[2] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=8&idm=2&gallery=2' ?>"]<?php echo $prod[8] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=9&idm=2&gallery=2' ?>"]<?php echo $prod[9] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=5&idm=2&gallery=2' ?>"]<?php echo $prod[5] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[3] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=10&idm=2&gallery=3' ?>"]<?php echo $prod[10] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[4] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=10&idm=2&gallery=4' ?>"]<?php echo $prod[10] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[5] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=8&idm=2&gallery=5' ?>"]<?php echo $prod[8] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[6] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=7&idm=2&gallery=6' ?>"]<?php echo $prod[7] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=11&idm=2&gallery=6' ?>"]<?php echo $prod[11] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[7] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=6&idm=2&gallery=7' ?>"]<?php echo $prod[6] ?>[/url][/list]
          [/list]
      [*][url="#"]<?php echo $prodMenu[1] ?><span class="grow2"> &gt;</span>[/url]
        <ul>[*][url="#"]<?php echo $subMenu[8] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=2&idm=2&prod='.$prod[2].'&gallery=8' ?>"]<?php echo $prod[2] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=1&idm=2&prod='.$prod[1].'&gallery=8' ?>"]<?php echo $prod[1] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=3&idm=2&gallery=8' ?>"]<?php echo $prod[3] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[9] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=2&idm=2&gallery=9' ?>"]<?php echo $prod[2] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=1&idm=2&gallery=9' ?>"]<?php echo $prod[1] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=3&idm=2&gallery=9' ?>"]<?php echo $prod[3] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[10] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=2&idm=2&gallery=10' ?>"]<?php echo $prod[2] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=1&idm=2&gallery=10' ?>"]<?php echo $prod[1] ?>[/url][*][url="photogallery.php<?php echo $lang.'&id=3&idm=2&gallery=10' ?>"]<?php echo $prod[3] ?>[/url][/list]
          [*][url="#"]<?php echo $subMenu[11] ?>[/url]
            <ul>[*][url="photogallery.php<?php echo $lang.'&id=4&idm=2&gallery=11' ?>"]<?php echo $prod[4] ?>[/url][/list]
          [/list]
      [/list]

[sXe]

Dunque, così è quasi quello che voglio fare, ovvero nasconde i menu. Come posso far si che quando non sono sui tag li del menu, questo rimanga aperto?

$("#nav li").hover(
  function(){
    $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
  },
  function(){
    $(this).find('ul:first').css({visibility: "hidden"});
  }
);