jQuery UIアコーディオンウィジェットでページのロード時にdivを非表示にする

Question

jQuery Accordionを使用しています。ページが読み込まれると、すべてのdivが1秒間点滅してから非表示になります。ロード中にdivが非表示になって欲しいです。

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

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

しかし、これは動作していないと私はまだ宣言されていない$のショートカットを使用しているからだと疑う：私はそうのようなドキュメント準備チェックのjavascriptの外を経由して隠されたにそれらを設定することであることやったと思いました。

ページが読み込まれている間にhide（）関数が呼び出され、読み込みが完了するまで待ってからdivを非表示にするにはどうすればよいですか？

ありがとうございます！

Answer 1

要素が存在しないうちに非表示にしているためです。ページの終わりにコードを置くとうまくいくが、それでも分割しても表示されていないかどうかは分からない。彼らはexistanceに入って来るとき

使用CSSは、彼らがすでに隠されている、その後、代わりにそれらを非表示にするには：

これらのステートメントがまだロードされていない何かを隠そうと

<style type="text/css"> 

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

</style> 

Answer 2

：で

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

をjQueryを書く必要があります。

$(function(){ 
    $('#accordion div').hide(); 
    $('#accordion2 div').hide(); 
}); 

したがって、コードはスケルトンの後に実行されますhtml文書の読み込み