表行折叠/展开css

我在网站上的post中使用了PSL提供的以下示例演示 。

我有一个大表，我不希望页面只加载标题时显示所有行。

我应该改变border-collapse:collapse; 在css的财产？

Answer 1

在dom准备好你可以隐藏非标题tr元素

 $('.header').find('span').text('+') $('table tr:not(.header)').hide() 

演示： 小提琴

或者使用CSS

 tr.header { cursor:pointer; display: table-row; } tr { display: none; } 

确保将默认切换设置为+

演示： 小提琴