可见/隐藏内容影响页面加载速度？如何按需检索外部数据？

Question

示例：从电子表格中同时获取链接<H4> (<a><H4>maximum 200 characters</H4></a>)及其相应的div (<div>maximum 10000 characters</div>)的列表；当单击( toggle() )任何一个可见的链接<H4>时，会显示它们相应的先前隐藏的div( hide() )。链接<H4>和相关div的列表随着电子表格的增长而增长，就像注释表单一样。

问题：

<H4> (hide())?

• If列表是否加载得更快(或者在页面上显示得更快)？当div被隐藏时，(hide())？

• If问题1是否定的，在本例中，最简单的jQuery函数结构是什么，在加载链接<H4>之后，只在用户<H4>单击时检索和显示div？我已经有了数据获取函数(google.jsapi)，所以我需要正确的jQuery函数结构，允许用户按需加载补充数据。有什么指示吗？

Note：目前正在jQuery 1.6+上开发。上面的代码被简化为只用于描述。<H4>被包装在<a>标签中的原因是一个跨浏览器的问题，并允许键盘用户可以使用访问键和Tab (我尝试了可点击H4和火狐的each()方法，但是IE6-7并没有让我失望，并且冻结了)。

Answer 1

1)在预先隐藏div时，列表是否加载得更快(或者在页面上显示得更快)(隐藏())？

答案：

只要在加载页面的同时加载隐藏的div，页面就不会加载得更快/更快

2)如果问题1是否定的，那么在本例中，在加载链接s之后并仅在用户单击时检索和显示div的最简单的jQuery函数结构是什么？

答案：

使用ajax按需填充div，创建带有空隐藏div的页面，并在显示这些div时使用ajax请求加载这些div。所有这些都可以使用javascript/JQuery来完成。