jquery - 表格行折叠/展开 css

Question

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

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

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

Answer 1

在 dom 就绪后，您可以隐藏非 header 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