title: horizontal css/javascript menu - keep showing submenu items
body: <p>I am trying to adapt a horizontal css/javascript menu.  Once user clicks on top level menu options, I want lower level options to stay open until user clicks on another link in the menu.  I am using this jquery example as a starting point. 
  <a href="http://javascript-array.com/scripts/jquery_simple_drop_down_menu/" rel="nofollow">http://javascript-array.com/scripts/jquery_simple_drop_down_menu/</a></p>
  
  <pre><code>var timeout    = 500;
  var closetimer = 0;
  var ddmenuitem = 0;
  
  function jsddm_open()
  {  jsddm_canceltimer();
     jsddm_close();
     ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
  
  function jsddm_close()
  {  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
  
  function jsddm_timer()
  {  closetimer = window.setTimeout(jsddm_close, timeout);}
  
  function jsddm_canceltimer()
  {  if(closetimer)
     {  window.clearTimeout(closetimer);
        closetimer = null;}}
  
  $(document).ready(function()
  {  $('#jsddm &gt; li').bind('mouseover', jsddm_open)
     $('#jsddm &gt; li').bind('mouseout',  jsddm_timer)});
  
  document.onclick = jsddm_close;
  </code></pre>