title: Displaying text when link is clicked
body: <p>This is inside my CSS:</p>
  
  <pre><code>div.hide { 
       display:none; 
       }
  div.show {
       color: #66CCFF;
       }
  </code></pre>
  
  <p>This is in my HTML:</p>
  
  <pre><code>&lt;a href="http://www.website.com/#16:10"&gt;16:10&lt;/a&gt;
  
  &lt;script language="JavaScript"&gt;
      function showText(show,hide)
      {
          document.getElementById(show).className = "show";
          document.getElementById(hide).className = "hide";
      }
  &lt;/script&gt;
  
  &lt;a name="16:10" onclick="showText('text1')" href="javascript:void(0);"&gt;&lt;/a&gt;
  &lt;div id="text1" class="hide"&gt;This is your monitors aspect ratio.&lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to make the first link display the "This is your monitors aspect ratio." text lower on the page.</p>
  
  <p>Any help is much appreciated.</p>