jquery - 加载默认最小化表格的页面

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

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

jQuery

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

DEMO