jQuery Accordionで、デフォルトで全てのセクションが開いてない状態にする方法は？

Question

jQuery Accordionを使っています。ページ読み込み時に全てのセクションを開いてない状態にしたいです。ユーザがヘッダーをクリックした時にだけセクションが開くようにしたいです。どなたかお助け願います。

Answer 1

既にコード例が回答されていますが、問題解決の方法の一つを示したいと思います。

まずは、ドキュメントに目を通すことです。
jQuery UI の Accordion の ドキュメントページ
http://js.studio-kingdom.com/jqueryui/widgets/accordion
の オプション の欄には次の記述があります。

...
active
型：Boolean or Integer
初期値：0

最初に開いているパネルを指定します。

Boolean
falseを指定すると、全てのパネルを折りたたまれた状態になります。 また、同じオプションのcollapsibleをtrueにする必要があります。
...

こういった情報を引き金にして問題の解決に近づいていけると思います。

Comments

[flyfly]

親切な回答ありがとうございました！参考にさせていただきます！

ドキュメントも詳しく見るようにします。

Answer 2

accordionを初期化するときに、document ready関数でお使いください。

<script type="text/javascript">
$(function(){
$("#accordion").accordion({collapsible : true, active : 'none'});
}); 
</script>