如何在頁面上顯示查詢表的信息？

Question

我從查詢輸出表：

<table > 
     <thead><th >Name</th><th >Department</th></thead> 
    <tbody> 
    <cfoutput query="GetDept" > 
    <tr> 
     <td >#dept_name# </td> 
     <td >#deptphone_name#</td>  
    <!--- <td >#deptphone_num#</div></td> ---> 
    <!--- <td >#deptphone_room#</div></td> ---> 
    </tr> 
    </cfoutput> 
    </tbody> 
    </table> 

我怎樣才能得到它，當我在＃DEPT_NAME＃點擊我就能得到的側面 更多的部門信息頁？

例如，當我點擊頁面（表格） 側面的dept_name時，我將獲得有關查詢deptphone_num和deptphone_room的更多信息。

Answer 1

顯示和隱藏內容是ColdFusion和JavaScript的組合。下面的解決方案需要的jQuery

<table> 
<thead> 
    <tr>  
     <th>Name</th> 
     <th>Department</th> 
    </tr>  
</thead> 
<tbody> 
<cfoutput query="GetDept" > 
<tr> 
    <td>#dept_name# </td> 
    <td><a href="javascript:$(##deptphone#currentrow#).toggle();$(##deptroom#currentrow#).toggle();">#deptphone_name#</a></td>  
    <td><span style="display : none;" id="deptphone#currentrow#>#deptphone_num#</span></td> 
    <td><span style="display : none;" id="deptroom#currentrow# >#deptphone_room#</span></td> 
</tr> 
</cfoutput> 
</tbody> 
</table> 

有關jQuery的切換（）

http://api.jquery.com/toggle/