Toggling divs within same blocks
<p>I'm using jquery to toggle between two divs with the following:</p>

<pre><code>$(".edit").click(function(){
   $(".module-content").toggle();
   $(".module-edit").toggle();
});
</code></pre>

<p>I'm going to have several blocks with the same classes down the page in the following way:</p>

<pre><code>&lt;div class="module"&gt;
   &lt;a class="edit" href="#"&gt;Edit&lt;/a&gt;
   &lt;div class="module-content"&gt;
      &lt;?php echo the_field('company_information'); ?&gt;
   &lt;/div&gt;
   &lt;div class="module-edit" style="display:none;"&gt;              
      &lt;?php acf_form( $company_information ); ?&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How can I only toggle the divs below the edit link but within only that module block?</p>

<p>I know it's very similar to this question - <a href="http://stackoverflow.com/questions/5551888/toggle-one-div-with-same-class">Toggle one div with same class</a> but I just can't get it to work!</p>
