title: Toggle after every row in HTML TABLE
body: <p>I have a HTML Table. Inside my Html Table I have a <code>PHP</code> <code>foreach</code> loop to fetch and display data from db into a table(A sample image attached Below). The problem is that I want to display a html form underneath that particular row which I click in that table. But for some reason, which ever row I click the form appears underneath the last Row Only .(A sample image is attached below). I have tried many examples of <code>jQuery</code> but didn't work.<a href="https://i.stack.imgur.com/tdfB6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tdfB6.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/QnQ33.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QnQ33.png" alt="enter image description here"></a>
  Here My html and php code:</p>
  
  <pre><code>&lt;div class="table-responsive top"&gt;
        &lt;table class="table table-condensed"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;#&lt;/th&gt;
              &lt;th&gt;Title&lt;/th&gt;
              &lt;th&gt;Critility&lt;/th&gt;
              &lt;th&gt;Priority&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
              &lt;th&gt;Date Submitted&lt;/th&gt;
              &lt;th&gt;Total Submittions&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;?php
            foreach($results as $data){
  
                echo '&lt;tr  class="dropDown"&gt;          //dropDown Class
                    &lt;td&gt;&lt;/td&gt;
                    &lt;td&gt;'.$data['Title'].'&lt;/td&gt;
                    &lt;td&gt;'.$c.'&lt;/td&gt;
                    &lt;td&gt;'.$p.'&lt;/td&gt;
                    &lt;td&gt;'.$data['Description'].'&lt;/td&gt;
                    &lt;td&gt;'.$data['Date_Submitted'].'&lt;/td&gt;
                    &lt;td&gt;&lt;/td&gt;
                &lt;/tr&gt;';
            }
  
          ?&gt;
  
          &lt;/tbody&gt;
        &lt;/table&gt;
        &lt;div id="panel_1" class="dropdown-container"&gt;     //Class="dropdown-container bootstrap"
          &lt;form action="/action_page.php"&gt;
            &lt;fieldset&gt;
              &lt;label&gt;XYZ Questions &lt;/label&gt;&lt;br&gt;
                &lt;label class="radio-inline"&gt;
                  &lt;input type="radio" name="optradio"&gt;
                  &lt;label&gt;YES&lt;/label&gt;
              &lt;/label&gt;
                &lt;label class="radio-inline left"&gt;
                  &lt;input type="radio" name="optradio"&gt;
                  &lt;label&gt;NO&lt;/label&gt;
              &lt;/label&gt;
            &lt;/fieldset&gt;
            &lt;fieldset&gt;
              &lt;label&gt;xyz Questions&lt;/label&gt;&lt;br&gt;
                &lt;label class="radio-inline"&gt;
                  &lt;input type="radio" name="optradio"&gt;
                  &lt;label&gt;YES&lt;/label&gt;
                &lt;/label&gt;
                &lt;label class="radio-inline left"&gt;
                  &lt;input type="radio" name="optradio"&gt;
                  &lt;label&gt;NO&lt;/label&gt;
                &lt;/label&gt;
            &lt;/fieldset&gt;
            &lt;fieldset&gt;
              &lt;label&gt;XYZ Questions&lt;/label&gt;&lt;br&gt;
                &lt;label class="radio-inline"&gt;
                  &lt;input type="radio" name="optradio"&gt;
                  &lt;label&gt;YES&lt;/label&gt;
                &lt;/label&gt;
              &lt;label class="radio-inline left"&gt;
                  &lt;input type="radio" name="optradio"&gt;
                  &lt;label&gt;NO&lt;/label&gt;
              &lt;/label&gt;
            &lt;/fieldset&gt;
            &lt;fieldset&gt;
                &lt;label&gt;XYZ Questions&lt;/label&gt;&lt;br&gt;
                  &lt;label class="radio-inline"&gt;
                      &lt;input type="radio" name="optradio"&gt;
                      &lt;label&gt;YES&lt;/label&gt;
                  &lt;/label&gt;
                  &lt;label class="radio-inline left"&gt;
                      &lt;input type="radio" name="optradio"&gt;
                      &lt;label&gt;NO&lt;/label&gt;
                  &lt;/label&gt;
            &lt;/fieldset&gt;
            &lt;div class="checkbox"&gt;
              &lt;label&gt;&lt;input type="checkbox"&gt; Remember me&lt;/label&gt;
            &lt;/div&gt;
            &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
          &lt;/form&gt;
        &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And Here is my Script :</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function() {    
          $(".dropDown").click(function() {
              $(this).Toggle();
          })
      });
  &lt;/script&gt;
  </code></pre>