jquery - jQuery アコーディオン - ページの読み込み時にアイテムを開く

Question

私はhttp://www.stemkoski.com/stupid-simple-jquery-accordion-menu/に基づいた本当にシンプルなjQueryアコーディオンを持っています

すべて正常に動作しますが、ページが読み込まれたときにリストの最初の項目が自動的に開かれるようにしたいと思います

http://jsfiddle.net/HJ8c7/のjsfiddleにすべてがあります

誰でも助けることができますか？

Answer 1

行う：

$( "#accordion" ).accordion( "option", "active", 0 );

最初の要素が開きます。

Answer 2

あなたはjqueryでそれを行うことができます

$(document).ready(function() {
 $(".accordionButton:first").trigger("click");
});

js フィドル デモ ライブ

イベントをトリガーするためにjqueryトリガーメソッドが使用されます

.trigger( eventType [, extraParameters] )

参照: Jquery トリガー

Answer 3

クリックイベントをトリガーすることで、これを非常に簡単に行うことができます。あなたのjsfiddleコードに基づいて：

jQuery('div.accordionButton').click(function() {
    jQuery('div.accordionContent').slideUp('normal');    
    jQuery(this).next().slideDown('normal');
});

jQuery("div.accordionContent").hide();
jQuery('div.accordionButton:eq(0)').trigger('click');

元の質問とは別に、「jQuery」を常に使用する必要がないように、jquery を別の方法で使用することをお勧めします。jquery オブジェクトを $ 変数にバインドするのが一般的です。

jQuery(function($) {
     $('div.accordionContent:eq(0)').trigger('click');
});