Jquery Toggle Text, Selecting all instances
<p>So the problem I'm having is I have this Div "Reply" and inside of it is an h1 tag with the word Hide in it.  The word Hide is wrapped in a span tag with the class of "Toggle"  I have Jquery code which basically says everytime you click on the Div it will toggle the hide text in the span tag to show and of course if you click again it will revert back to normal, The problem I have is that I have multiple instances of these classes and its changing the text for the other ones.  I wonder if there is a way in jquery to only toggle the specific one im clicking on while keeping all my other classes the same (because I need to reuse them a lot).</p>

<p>Jquery  </p>

<pre><code>  $('.Reply').toggle (
    function()  { $("span.Toggle").html("Show");}
    ,function()  { $("span.Toggle").html("Hide");}
   );
</code></pre>

<p>HTML</p>

<pre><code>&lt;div class="Reply"&gt;
  &lt;h1&gt;&lt;span class="Toggle"&gt;Hide&lt;/span&gt; This Text&lt;/h1&gt;
&lt;/div&gt;

&lt;div class="Reply"&gt;
  &lt;h1&gt;&lt;span class="Toggle"&gt;Hide&lt;/span&gt; This Text&lt;/h1&gt;
&lt;/div&gt;
</code></pre>
