How to dynamically show further information with jQuery and PHP?
<p>I have list of courses from MySQL and when I click the course it should display the correct course description to the right and again when I click the next course, the previous should hide and get the current click course description, Here is the code I did</p>

<p>jQuery</p>

<pre><code>$(document).ready(function() {
          $("#toggle_value").click(function(){
          $("$courseid").show("slow");         
        });
     });
</code></pre>

<p>PHP Code</p>

<pre><code>$cour = get_records_sql('SELECT c.id, c.summary FROM mdl_course c');
echo '&lt;table style="background:white;border:2px solid blue"&gt;';
foreach($cour as $cou) 
{
   $coursename = $cou-&gt;fullname;
   $summary = $cou-&gt;summary;                          
   echo '&lt;tr style="border:1px solid #BACC82;"&gt;
            &lt;td&gt;&lt;div class="toggle_button"&gt;&lt;a href="javascript:void(0);"   
                  id="toggle_value"&gt;'.$coursename.'&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;div id="div1" style="display:none;top:440px; border:0px solid #000;float:right;background-color:white; padding:5px;"&gt;
}
echo '&lt;/table&gt;';
</code></pre>
