title: how to hide table when html page opens
body: <p>Hallo there
  I have some javascript code allowing for a table to be visible when my mouse passes over a link and to hide when my mouse moves out. 
  The problem I have is to have the table 'hidden' when the page opens.
  How could I achieve this.
  This is my code for the hiding and showing of the table.</p>
  
  <pre><code>&lt;li  onmouseout="hideMenu('families')" onmouseover="showMenu('families')" &gt;&lt;a href="#"&gt;Five Families&lt;/a&gt;
                  &lt;table class="slideDownOne" id="families" width="120px" border="1px" cellpadding="5px 0px 5px 0px"&gt;
                      &lt;tr&gt;&lt;td&gt;&lt;a href="#"&gt;Gambino&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                      &lt;tr&gt;&lt;td&gt;&lt;a href="#"&gt;Genovese&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                      &lt;tr&gt;&lt;td&gt;&lt;a href="#"&gt;Colombo&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                      &lt;tr&gt;&lt;td&gt;&lt;a href="#"&gt;Bonnano&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                      &lt;tr&gt;&lt;td&gt;&lt;a href="#"&gt;Luchhese&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/li&gt;   
  </code></pre>
  
  <p>and this is some javascript code i used for the hiding and the showing of the table</p>
  
  <pre><code>&lt;script language="javascript"&gt;  
          function showMenu(elmnt)
          {
              document.getElementById(elmnt).style.visibility="visible";
          }
          function hideMenu(elmnt)
          {
              document.getElementById(elmnt).style.visibility="hidden";
          }   
  
  
      &lt;/script&gt;   
  </code></pre>
  
  <p>regards
  Arian</p>