title: jquery to toggle a label
body: <p>How can I get the label to toggle show/hide? Below is my code and currently it is also displaying show. I would like it to toggle from show to hide and from hide back to show. when show is displayed the div will be hidden but when show is clicked the label will switch to hide and the div will be displayed and when hide is clicked the label will go back to show and the div will be hidden</p>
  
  <pre><code>  &lt;html&gt;
   &lt;head&gt;
  &lt;title&gt;jQuery test page&lt;/title&gt;
  &lt;script type="text/javascript" src="../scripts/jquery-1.4.2.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  $("#clickMe").click(function() {
   $("#textBox").toggle();
  });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;label id="clickMe"&gt;Show&lt;/label&gt;
  &lt;br /&gt;
  &lt;div id="textBox" style="display: none"&gt;This text will be toggled&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>