title: how to show and hide a div using onfocus
body: <p>i'm sorta new to this.  i have this so far:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  #show_hide{display:none;}
  &lt;/style&gt;
  
  &lt;div id="show_hide"&gt;
  ok
  &lt;/div&gt;
  
  &lt;input type="text" onfocus="document.getElementById('show_hide').style.display='block';"&gt;
  </code></pre>
  
  <p>it works when i click the input box to show the div.  prob is i need it to hide again when i click somewhere else or "unfocus"  any help? thanks!</p>