如何实现主细表的折叠效果？

Question

用层应该可以！
onclick后层隐藏或显示！

Answer 1

<script language=javascript>
<!--
function goit(o)
{
      if (o.style.display=='none'){
         o.style.display='';
      }
      else
      {
         o.style.display='none';
      }
}
//-->
</script>
在行中加入这样的代码：
<td height="15" onclick=javascript:goit(col_id)> //注：col_id为表格的id
在此行下面创建一个style=display:none的表格，然后就可以通过行点击上面的“行”来控制它的显隐了!

Answer 2

<script>
function show(bao)
{
   if(bao.style.display=="none")  //判断是否可见.display不占位.
      bao.style.display="block";
   else
      bao.style.display="none";
}
</script>
<table>
<tr><td style="cursor:hand" onclick="show(td1)">详细1</td></tr>
<tr><td style="display:none" id=td1>
   <table><tr><td><div contenteditable>Content...........</div></td></tr>
               <tr><td><div contenteditable>Content...........</div></td></tr>
   </table>
</tr></td>
<tr><td style="cursor:hand" onclick="show(td2)">详细2</td></tr>
<tr><td style="display:none" id=td2>
   <table><tr><td><div contenteditable>Content...........</div></td></tr>
               <tr><td><div contenteditable>Content...........</div></td></tr>
   </table>
</tr></td>
</table>

Answer 3

<div contenteditable>Content...........</div>
contenteditable可以使div块的内容可编辑。