title: how to toggle particular field with same id or class?
body: <p>The 'comment' field has 'id' and 'class', I can't give a unique 'id' because it is coming from a database (dynamic output). I have tried to 'toggle' (hide and show) with Jquery, but when I click a particular 'comment' field all of the form (textarea) is appearing (Toggling). How do I toggle a particular field with same id or class?</p>
  
  <pre><code>$(".commentForm").hide();
      $(".askForComment").click(function(){
      $(".commentForm").toggle();
  });
  &lt;div id='comments'&gt;
     &lt;div id='askForComment' class='askForComment'&gt;Comments?&lt;/div&gt;
     &lt;div id='viewComments'&gt;&lt;/div&gt;
     &lt;form id='commentForm' class='commentForm'&gt;
          &lt;textarea cols='20' rows='2'&gt;&lt;/textarea&gt;
          &lt;input type='button'&gt;
     &lt;/form&gt;
  &lt;/div&gt;&lt;!-- this element is looped (dynamic) --&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/mn2pv.jpg" alt="picture where i click"></p>
  
  <p><img src="https://i.stack.imgur.com/L39uv.jpg" alt="picture where the form toggle"></p>