title: Ajax load "Comments" onclick
body: <p>i need some help here, ive got a database: "ID | PLZ | Country | Author | Comment"</p>
  
  <p>With Jquery i managed to show/Hide the "Comment" field.</p>
  
  <p>Now Im tryin to load the Comments with ajax onclick, so if u Click on the "Show comments" button, ajax should load the comment from the specific id.</p>
  
  <p>I know I need to change also the jquery code to get the right comment from the right id, but i don't know how to do is.</p>
  
  <p>Heres my Code:</p>
  
  <p>JQUERY:
      </p>
  
  <pre><code>$(document).ready(function(){
          $(".productDescription").hide();
          $(".show_hide").show();
          $(".hide_show").hide();
  
      $('.show_hide').click(function(){
      $(this).parent().find('.productDescription').slideToggle();
           $(this).parent().find(".show_hide").hide();
          $(this).parent().find(".hide_show").show();
      });
  
   $('.hide_show').click(function(){
      $(this).parent().find('.productDescription').slideToggle();
           $(this).parent().find(".show_hide").show();
          $(this).parent().find(".hide_show").hide();
  
      });
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>PHP:</p>
  
  <pre><code>&lt;?php 
  $abfrage = "SELECT * FROM ufo";
  $ergebnis = mysql_query($abfrage);
  while($row = mysql_fetch_object($ergebnis))
      {
  
  echo '
  &lt;div class="product clearfix"&gt;
      &lt;h4&gt;ID:'.$row-&gt;id.'|PLZ:'.$row-&gt;PLZ.'|Country:'.$row-&gt;Country.'&lt;/h4&gt;
      &lt;a href="#" class="show_hide"&gt;Show Comments&lt;/a&gt;
      &lt;a href="#" class="hide_show"&gt;Hide Comments&lt;/a&gt;
      &lt;div class="productDescription"&gt;
         &lt;p&gt;Comment:'.$row-&gt;Comment.'&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;br&gt;';
  
      }
  
  ?&gt; 
  </code></pre>
  
  <p>I'd appreciate that if someone could help me.</p>
  
  <p>So long</p>