javascript - 在 jQuery 的 $(document).ready() 之前隐藏元素的可访问方式？

Question

我有一个大型调查，通过将它安排成多个部分并使用 Accordion 菜单来翻阅每个部分，我已经使它更易于使用 jQuery。

问题是，当 $(document).ready() 触发并将所有内容压缩到一个 Accordion 菜单中时，会出现一个明显的快照。也就是说在$(document).ready()之前，可以看到整个survey。

我确实考虑过在 css 中将 #surveyForm 设置为 display: none; 并将 #surveyForm.active 设置为 display: block; 但这会产生一个新问题:

没有启用 javascript 的浏览器将永远无法看到#surveyForm.active，因此他们将无法使用调查。

有什么想法吗？

干杯

-伊恩

Answer 1

它不像好的 Javascript 应该那样干净和不显眼，但您可以直接在 accordian 内容之后添加一个 Javascript 片段来初始化 accordian 并隐藏需要隐藏的部分。最终效果应该完全消除“快照”并使非 JS 客户端可以访问该表单。