如何在没有样式重新计算的情况下显示/隐藏包含许多子项（> 7000）的div

Question

这是一款使用WebView显示长列表的Android应用。可以通过以下JS函数切换长列表的可见性：

function _showOverlay() {
    $("#container").css("visibility", "visible");
}

function _hideOverlay() {
    $("#container").css("visibility", "hidden");
}

两种功能都会触发样式重新计算。在桌面上性能很好，但在较慢的手机设备（Galaxy Nexus类）上，性能是不可接受的。无论如何要加快这个操作？或者，我可以用来显示/隐藏div的任何其他技巧？

尝试以下方法：

1. ＆＃34;不透明度：0＆＃34; - 无法使用此功能，因为列表仍然可以响应用户触摸而不可见（不良）
2. ＆＃34;显示：无＆＃34; - 触发相同的样式重新计算。