title: Simple jquery toggle (Not Working)
body: <p>I think I may be using the wrong js library. No idea.. I was following a tutorial online and I saw the guy code it, and watch it work. I reviewed twice and did it over and still didn't work.</p>
  
  <p>Here's my html:</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;title&gt;Title&lt;/title&gt;
   &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="hideshow.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;a href="#" id="hideshow"&gt;Hide &lt;/a&gt;
  
  &lt;div id="message" style="width:300px; border:1px solid black; padding:10px"&gt;
  
  This is the wording inside of the text for testing purposes.
  
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here's my js from hideshow.js:</p>
  
  <pre><code>$('#hideshow').toggle(function () {
  
  $('#hideshow').text('Show');
  
  }, function () {
  
  $('#hideshow').text('Hide');
  });
  </code></pre>
  
  <p>I appreciate it, Thanks for whoever can figure this out. :(</p>