基于HTML/Javascript的折叠/展开表格

如果要使用jquery,可以检查下面的代码。

.collapsed-table tr {
  display: none;
}

在html中:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<table class="collapsed-table">
   <caption>Expand/collapce</caption> 
   <tr>
       <td></td>
   </tr>
   ....
</table>

<script type="text/javascript">
$('.collapsed-table > caption').click(function() {
   $(this).toggleClass('collapsed-table');
})
</script>

使用jQuery:

$('#foldbutton').click(function()
{
$('tbody').toggle();
});

TextShower 这样你就可以做到。它是高度可定制的,你可以自由编辑它的源代码。希望这有帮助:)