Jquery UI - 多个对话框

我已经像这样初始化了我的jquery u，我可以让它在一个对话框中工作：

    <script>
// increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
    $( "#treatment" ).dialog({
        autoOpen: false,
        show: "blind",
        hide: "explode"
    });
    $( "#opener" ).click(function() {
        $( "#treatment" ).dialog( "open" );
        return false;
    });
});
</script>

但是，我有一个表格，对于一列"治疗"，用户必须单击"更多信息"以了解更多信息，到目前为止，我已经这样编码：

        foreach($foo['MedCond'] as $row)
    { 
    ?>
            <tr>
<td><b>Name:</b></td>
<td><b>Symptoms:</b></td>
<td><b>Treatment:</b></td>
<td><b>Effective From:</b></td>
<td><b>Effective To:</b></td>
    </tr>
        <tr>
        <td><?php echo $row['Name'];?></td>
        <td><?php echo $row['Symptoms'];?> </td>
        <td><div id="treatment"><p><?php echo $row['Treatment'];?></p></div><button id="opener">More info</button></td> [...]

因此，对于治疗的每一行，都有一个相应的对话框打开按钮，一旦他们单击该按钮，就会显示有关该特定治疗的详细信息。我已经为一个人工作了，但是当多个共享相同的"治疗div"时，它会失败。

我怎样才能让它工作。

干杯。