如何让 cfdiv 在每一行下显示？答案

【问题标题】：How to get the cfdiv to display under each line?如何让 cfdiv 在每一行下显示？
【发布时间】：2015-01-27 14:48:49
【问题描述】：

我有一个记录表，用户可以单击名称以显示有关该特定记录的更多详细信息。我用标签设置了它，但每次点击链接时，它只显示在页面顶部或第一行。有没有办法让它在单击时显示在每个名称下。这是我的代码...

<table width="75%" border="1">
  <tr>
    <th>Student Name</th>
  </tr>
  <cfoutput query="Q">
  <tr>
    <td><a href="javascript:ColdFusion.navigate('detailedRecord.cfm?RLN=#RLN#','detail')">#Q.sln#, #Q.sfn#</a></td>
  </tr>
  <tr>
    <td><cfdiv id="detail"></cfdiv></td>
  </tr>
  </cfoutput>
</table>

【问题讨论】：

标签： javascript ajax coldfusion

【解决方案1】：

由于您处于循环<cfoutput query="Q"> 中，您需要将detail 设为唯一标识符。正如你所写的那样，循环的每次迭代都具有相同的 id。也许只需添加当前行号以使其唯一。

<table width="75%" border="1">
  <tr>
    <th>Student Name</th>
  </tr>
  <cfoutput query="Q">
  <tr>
    <td><a href="javascript:ColdFusion.navigate('detailedRecord.cfm?RLN=#RLN#','detail#Q.CurrentRow#')">#Q.sln#, #Q.sfn#</a></td>
  </tr>
  <tr>
    <td><cfdiv id="detail#Q.CurrentRow#"></cfdiv></td>
  </tr>
  </cfoutput>
</table>

【讨论】：

非常感谢，这正是我想要的。 :) 我想知道您是否知道再次单击链接时关闭 div 的快速方法？
不，对不起，我没有。我并没有真正使用像 cfdiv 这样的内置 ColdFusion 前端标签。我改用 jQuery。
好的，谢谢...我一开始尝试使用 jQuery，但不知道如何让它像那样工作。
你能给我一个简单的例子或告诉我一个地方，我可以找到一个很好的例子来说明如何在 jQuery 中做到这一点？
好吧，我不确定您到底想做什么，但我想到了 jQuery UI Accordion。