Using Jquery Hide&Show for multiple elements on the same page
<p>Hi I am trying to create a page that uses the Hide and show functions multiple times to hide differernt pieces of text. I followed a tutorial on w3schools and edited the code to try and make it work. However I am getting and error whereby the hide and show function only works on the first piece of text and not the others.
here is my code</p>

<pre><code>&lt;script type="text/javascript" src="/javascript/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
 $("#show").click(function(){
    $("p").show();
  });
});
&lt;/script&gt;
&lt;div class="questions" id="question-1"&gt;
    &lt;h1&gt;Question&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;
    answer&lt;/p&gt;
&lt;div id="hide"&gt;
    Hide&lt;/div&gt;
&lt;div id="show"&gt;
    Show&lt;/div&gt;
&lt;div class="questions" id="question-2"&gt;

        &lt;h1&gt;Question&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;
    Answer&lt;/p&gt;
&lt;div id="hide"&gt;
    Hide&lt;/div&gt;
&lt;div id="show"&gt;
    Show&lt;/div&gt;
</code></pre>

<p>Does anyone know as to why this may be happening?</p>
