title: Hiding and showing divs when the amount of divs is unknown
body: <p>I have a page with multiple posts divs and have a hidden comment form for each post. What is the best way to utilize JQuery/JavaScript to display only the comment form for that post after a button or link is clicked.   </p>
  
  <pre><code>&lt;div class="post"&gt;
  
    &lt;p&gt;Some Content&lt;/p&gt;
  
    &lt;a href="#" class="commentButton"&gt;Comment&lt;/a&gt;
  
    &lt;div class="commentForm" style="display:none"&gt;&lt;/div&gt;
  
  &lt;div&gt;
  </code></pre>