使用jQuery UI Accordion小部件隐藏页面加载时的div

Question

我正在使用jQuery Accordion.当页面加载时,所有div都会在隐藏之前闪烁一秒钟.我希望div在加载时保持隐藏状态.我以为我是这样做的,通过javascript隐藏在文档就绪检查之外,如下所示:

$('#accordion div').hide();
$('#accordion2 div').hide();

jQuery(document).ready(function($) {...

但是这不起作用,我怀疑是因为我正在使用尚未声明的$快捷方式.

如何在页面加载时触发hide()函数,而不是等到它完全加载然后隐藏div？

谢谢!

Answer 1

它不起作用的原因是因为你试图在元素存在之前隐藏它们.如果您将代码放在页面的末尾,它会起作用,但即使这样,您也不确定它们是否会在瞬间显示.

使用CSS隐藏它们,然后当它们存在时它们已被隐藏:

<style type="text/css">

#accordion div, #accordion2 div { display: none; }

</style>