SelectorTipsアイコン一覧CSSフレームワークイージングAccordionhttp://api.jqueryui.com/1.10/accordion/ヘッダーとコンテンツのペアをアコーディオン化します。デフォルトのアコーディオンです。セクション2のコンテンツ領域です。セクション3のコンテンツ領域です。セクション4のコンテンツ領域です。全てのパネルを折りたたんだ状態にすることが出来るアコーディオンです。<p>セクション2のコンテンツ領域です。<p>セクション3のコンテンツ領域です。<p>セクション4のコンテンツ領域です。<p>セクション1のコンテンツ領域です。<p>セクション2のコンテンツ領域です。<p>セクション3のコンテンツ領域です。<p>セクション4のコンテンツ領域です。<p>セクション1のコンテンツ領域です。<p>セクション2のコンテンツ領域です。<p>セクション3のコンテンツ領域です。<p>セクション4のコンテンツ領域です。<p>セクション1のコンテンツ領域です。<p>セクション2のコンテンツ領域です。<p>セクション3のコンテンツ領域です。<p>セクション1のコンテンツ領域です。<p>セクション2のコンテンツ領域です。<p>セクション3のコンテンツ領域です。<p>セクション4のコンテンツ領域です。<p>見出しをドラッグ&amp;ドロップして並び替えることが出来ます。<p>セクション2のコンテンツ領域です。<p>セクション3のコンテンツ領域です。<p>セクション4のコンテンツ領域です。見出しとコンテンツのペアのコードを用意します。各コンテンツパネルは常にその関連ヘッダーの次の兄弟要素でなければなりません。カスタムマークアップ構造を使用する方法については、オプションheaderの項目を参照してください。キーボード操作のサポートについてアコーディオンの見出しにフォーカスがある場合、下記のキーコマンドが利用可能なります。[↑]/[←]一つ前の見出しに戻ります。最初の見出しの場合、最後の見出しに移動します。[↓]/[→]次の見出しに移動します。最後の見出しの場合、最初の見出しに移動します。HOME最初の見出しに移動します。END最後の見出しに移動します。スペース/ENTER現在の見出しに関連付けられたコンテンツパネルを開きます。[↑]関連付けられた見出しに移動します。Integer初期値:0最初に開いているパネルを指定します。Booleanfalseを指定すると、全てのパネルを折りたたまれた状態になります。同じオプションのcollapsibleをtrueにする必要があります。Integer0を基準とした数値を指定して、何番目のパネルを予め開いておくのかを指定します。マイナスの値を指定すると、最後のパネルから遡ってカウントします。Object初期値:{}パネルの開閉アニメーションの動作を指定します。Booleanfalseを指定すると、アニメーションを無効化します。Numberアニメーション時間をミリ秒単位で指定します。Stringeasingの名称を指定します。Objectアニメーション時間とeasingの指定をオブジェクトのプロパティとして設定します。"bounceslide"});collapsible型:Boolean初期値:falseすべてのパネルを折りたためる事が出来るか否かを指定します。アクティブなパネルを折りたたむ事が出来るようになります。disabled型:Boolean初期値:falsetrueを指定すると、アコーディオンを無効化します。event型:String初期値:"click"アコーディオンの見出しが反応してパネルを展開する際のイベントを指定します。イベント名を半角スペース区切りで複数指定することが可能です。//見出しのマウスオーバーでコンテンツ部分が展開するようになります。:not(li):even".find()を介して見出しとなる要素を指定するセレクタを指定します。コンテンツパネルは見出し要素のすぐ後の兄弟要素である必要があります。型:String初期値:"auto"アコーディオンと各コンテンツパネルの高さについの制御を指定します。"auto"全てのパネルは最も高い状態になります。"fill"親要素に収まる範疇で最も高い状態になります。"content"コンテンツに合わせた高さになります。Frameworkに定義されているアイコン名で指定します。falseを指定するとアイコンは表示されません。※"activeHeader"は1.8のheaderSelectedから改名されています。)1.9非推奨1.10削除パネルをアクティブにします。index型:Integerアクティブにしたいパネルを0始まりの番号で指定します。こちらの指定方法を使用してください。3つ目のパネルがアクティブになります。);destroy()アコーディオンの機能を完全に削除します。);disable()アコーディオンを無効化します。enable()アコーディオンを有効にします。)戻り値:ObjectoptionNameに指定したオプションの現在の値を取得します。optionName型:String取得したいオプションの名前を指定します。option()戻り値:PlainObjectオプションの各キーと値がペアとなったオブジェクトを返します。)引数のoptionNameのオプションに値を設定します。optionName型:String設定したいオプションの名前を指定します。value型:Object設定したい値を指定します。)オプションに設定したい各キーと値がペアとなったオブジェクトを指定します。option型:Object設定したいオプションのキーと名前のペアを指定します。refresh()1.9改名resize()1.9非推奨1.10削除アコーディオンのパネルの高さを再描画します。結果はheightStyleオプションに依存します。widget()型:jQueryアコーディオンを含めた要素を、jQueryオブジェクトとして返します。型:accordionactivateパネルがアクティブになった後(アニメーション完了後)にトリガされます。アコーディオンが折りたたまれていた場合、ui.oldHeaderとui.oldPanelは空のjQueryオブジェクトになります。アコーディオンが折りたたまれた場合、ui.newHeaderとui.newPanelは空のjQueryオブジェクトになります。型:accordionbeforeactivateパネルがアクティブになる直前にトリガされます。パネルがアクティブになることをキャンセルすることが可能です。アコーディオンが折りたたまれていた場合、ui.oldHeaderとui.oldPanelは空のjQueryオブジェクトになります。アコーディオンが折りたたまれた場合、ui.newHeaderとui.newPanelは空のjQueryオブジェクトになります。型:accordioncreateアコーディオンが生成された際にトリガされます。ui.headerアクティブなヘッダーを参照します。ui.panelアクティブなパネルを参照します。(ui.contentから改名されました。ui.contentは非推奨になっています。