jQuery menu, problema nascondere albero dei sottomenu

[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"});
  }
);