能否通过JS实现查询结果的折叠和展开

Question

程序是在asp中编写的如下：
<%set rs=server.createobject("adodb.recordset")
    sql1="select * from 基本信息 where (area like '"&id&"') "
    rs.open sql1,conn,1,1 
    do while not rs.eof
 %>   
<tr>
<td ><%=rs("name")%></td>
<td ><%=rs("code")%></td>
 <%if rs("purpose")="虚拟机" or rs("purpose")="刀片" then 
   name=rs("name")            
 %>
 <td ><%=rs("purpose")%[color=#FF0000]><button value="+" onclick="????">+</button></[/color]td>
 <%else%>
 <td ><%=rs("purpose")%></td>
<%end if %>
</tr>   <%if rs("purpose")="虚拟机" or rs("purpose")="刀片" then%>
  <%set rs0=server.createobject("adodb.recordset")
     sql0="select * from 基本信息 where (place like '"&rs("name")&"') "
     rs0.open sql0,conn,1,1
     do while not rs0.eof
  %>
<tr>
  <td ><%=rs0("name")%></td>
  <td ><%=rs0("code")%></td> 
  <td ><%=rs("purpose")%></td> 
</tr><%
 rs0.movenext
 loop
%><%end if%><%
rs.movenext
loop
%>想通过onclick="????"实现，＋的折叠和展开，请问JS能实现吗？应如何实现呢？

Answer 1

可以
查询结果放一个DIV里用样式控制，显示或隐藏
点击事件中改变Div的样式即可

Answer 2

是指默认查询结果默认放在中吗？ <div id="xxx" style="display:none"> </div>
我试过了，如果是静态的可以，但是动态的有<tr><td>的就不生效了。
请问是我这样写有问题吗？

Answer 3

将结果定义在div里面，div里面最好放列表之类的。然后定义一个事件就好了跟一楼的说的差不多.

Answer 4

经过查找资料，发现DIV和tr是不能兼容的，将div改为tbody后就生效了。