表行折叠/展开css

Question

我在网站上的帖子中使用了PSL提供的以下示例Demo。

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

我应该更改css中的border-collapse:collapse;属性吗？

Answer 1

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

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

演示：Fiddle

或使用CSS

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

确保默认切换设置为<span>+</span>

演示：Fiddle