Dynamic value in popup
<p>PHP Code:</p>

<pre><code>$cour = mysql_sql('SELECT c.id, c.category, cc.name, c.fullname,c.summary FROM 
                   mdl_course c, mdl_course_categories cc WHERE c.id = cc.course');

echo '&lt;table&gt;'; 
foreach($cour as $cou) 
{
   $coursename = $cou-&gt;fullname;
   $courseid = $cou-&gt;id;
   $summary = $cou-&gt;summary;
   echo '
    &lt;tr style="border:1px solid #BACC82;"&gt;  
        &lt;td&gt;&lt;a onclick="ShowHide(); return false;"&gt;'.$coursename.'&lt;/a&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;!--SHOW AND HIDE DIV--&gt;
    &lt;div id="enclosure" style="display:none;"&gt;'.$summary.'&lt;/div&gt;';
}
echo '&lt;/table&gt;';
</code></pre>

<p>Javascript code:</p>

<pre><code>function ShowHide(id) {
    $('#enclosure_'+ id).animate({"height": "toggle"}, {duration: 1000});
}
</code></pre>

<p>This was working as you guys suggested on Stackoverflow, but I need in the same manner as a small popup (with smooth) in jQuery. Now the summary informaion should display in a popup
Could anyone help me?</p>
