默认情况下，最小化表的加载页面

Question

我有一个包含多个包含数据的表的页面。

我有一个简单的脚本来扩展/折叠我的表..

$(document).ready(function () {
    $('th').click(function () {
        $(this).closest('thead').next('tbody').find('tr').toggle();
    });
});

..工作正常。

Fiddle

---

我的问题是，在页面呈现时，如何默认最小化表格？

注意：我想节省资源（优化），因为这些表确实包含大量数据。

提前致谢。

Answer 1

使用CSS更好。

CSS

table tbody tr {
    display: none;
}

DEMO

但是，您可以通过编程方式触发click事件。

的jQuery

$('th').click(function () {
    $(this).closest('thead').next('tbody').find('tr').toggle();
}).click(); //Just called click handler here

DEMO