targeting specific jQuery element with identical class name
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/4868599/how-to-select-an-element-by-class-inside-this-in-jquery">How to select an element by class inside &ldquo;this&rdquo; in Jquery</a>  </p>
</blockquote>



<p>I'm newer to jQuery...I think this has something to do with using a 'this" command but not sure.</p>

<p>I have a page that is programmatically creating several divs like this:</p>

<pre><code>&lt;div class="moreinfolink"&gt;Click For More Information
&lt;div class="moreinfotext"&gt;Additional Info Here&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>So there are several .moreinfolink and .moreinfotext classes on a page.</p>

<p>I used this code to toggle showing the moreinfotext div:</p>

<pre><code>$('.moreinfolink').click(function() {
  $('.moreinfotext').toggle('slow', function() {
  });
</code></pre>

<p>But this obviously does a toggle for ALL of the moreinfotext divs that exist on the page.</p>

<p>Two questions:
How can I do it for the specific child div that is inside the parent moreinfolink div?
Is there a better way to do it than the direciton I'm going?</p>

<p>Thanks!</p>
