Javascript jquery中的显示/隐藏速度很快。但渲染引擎速度太慢了

在dom结构中隐藏/显示所有“tr.content”元素时会出现性能问题，如下所示：

       
可折叠搬运器
       
       
可折叠内容物
       
   
...
...
...
....

难怪。因为这个dom树中有时有400个tbody元素

尝试了许多方法并进行了研究，但javascript本身速度相当快。渲染引擎（无论是基于webkit的浏览器还是firefox）似乎需要一些时间=>浏览器冻结：(

我是否可以在不冻结浏览器的情况下完成此操作（只要浏览器没有崩溃，我不介意是否需要一些时间）

---

遗憾的是，更改dom结构是没有选择的（即，我们也在使用表排序器）。

您是否尝试过使用css规则，只向父级添加一个规则？（这应该是最有效的，如果浏览器对此感到窒息，那么您就没有选择了

---

并将

hideChildren

类附加到所有

tbody

节点的单个祖先（例如

body

标记）。

您是否尝试过使用css规则并仅向父节点添加单个规则？（这应该是最有效的，如果浏览器对此感到窒息，那么我想你就别无选择了。）

并将

hideChildren

类附加到所有

tbody

节点的单个祖先（例如

body

标记）

    <tbody class="collapsible"> 
        <tr class="handler">
            <td>Collapsible Handler</td>
        </tr>
        <tr class="content">
            <td>Collapsible Content</td>
        </tr>
    </tbody>

    <tbody class="collapsible">...</tbody>

    <tbody class="collapsible">...</tbody>

    <tbody class="collapsible">...</tbody>

    ....

</table>

.hideChildren .collapsible tr{display:none;}