PHP代码:
$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 '<table>';
foreach($cour as $cou)
{
$coursename = $cou->fullname;
$courseid = $cou->id;
$summary = $cou->summary;
echo '
<tr style="border:1px solid #BACC82;">
<td><a onclick="ShowHide(); return false;">'.$coursename.'</a></td>
</tr>
<!--SHOW AND HIDE DIV-->
<div id="enclosure" style="display:none;">'.$summary.'</div>';
}
echo '</table>';
Javascript代码:
function ShowHide(id) {
$('#enclosure_'+ id).animate({"height": "toggle"}, {duration: 1000});
}
这正如你们在Stackoverflow上建议的那样,但我需要的方式与jQuery中的一个小弹出窗口(光滑)相同。现在,摘要信息应显示在弹出窗口中 有谁可以帮助我?
答案 0 :(得分:0)
/ * 你有没有想到Ajax?
function ShowHide(id) {
$.get("page.php", 'id='+id, function(data){
$('#enclosure_'+ id).animate({"height": "toggle"}, {duration: 1000});
});
}
我没有测试我的代码,但根据需要调整它... * /
编辑:
Oups我犯了一个错误,我读得不够好。
在您的PHP端你有:
<div id="enclosure" style="display:none;">'.$summary.'</div>';
你需要做id =“enclosure _'。$ cou-&gt; id。'”