title: jquery hide() function
body: <p>I'm trying to create a sliding FAQ menu using jQuery, but I'm getting an error that states the the hide() is null. I've tried it in Chrome and Firefox on Mac and Firefox on Win. Here's the code:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function(){
  
      $('.hide').hide();
  
      $('h5').click(function(){
      $(this).next().slideToggle("slow");
      return false;
  });
  
  
  });
  </code></pre>
  
  <p>And here is the HTML:</p>
  
  <pre><code>&lt;a href="#" &gt;&lt;h5 &gt;The Heading &lt;/h5&gt;&lt;/a&gt;&lt;br /&gt;
  
  &lt;div class="hide"&gt;
  The content.
  &lt;/div&gt;
  </code></pre>
  
  <p>I've spent the last three hours pouring over books and tutorials online and everything looks right, but apparently not. :P</p>
  
  <p>Any help is much appreciated. </p>