Foundation-accrdn-javascript-reference

Foundation-JavaScriptリファレンス

Foundationは、以下に示すように、アコーディオン用のJavaScriptコンポーネントを提供します。

初期化中

_foundation.accordion.js_および_foundation.core.js_プラグインを使用して、JavaScriptでアコーディオンを初期化できます。 _foundation.core.js_プラグインには、次のライブラリが必要です-

• foundation.util.keyboard.js
• foundation.util.motion.js

Foundation.Accordion

以下に定義されているように、アコーディオンのインスタンスを指定します-

var my_element = new Foundation.Accordion(element);

アコーディオンには、以下に指定する1つのイベントが含まれます-

Sr.No.	Name & Description	Type
1	element jQueryオブジェクトをアコーディオンに作成します。	jQuery

プラグインオプション

次のプラグインインスタンスを使用して、アコーディオンインスタンスをカスタマイズできます。

Sr.No.	Name & Description	Example
1	slideSpeed アコーディオンを開くのにかかる時間を指定します。	200
2	multiExpand アコーディオンで複数のペインを開くことができます。	false
3	allowAllClosed アコーディオンのすべてのペインを閉じます。	false

イベント

表にリストされているように、アコーディオンプラグインは次のイベントを提供します-

Sr.No.	Name & Description
1	down.zf.accordion タブを開くと、イベントがトリガーされます。
2	up.zf.accordion タブが折りたたまれているときにイベントをトリガーします。

イベント

アコーディオンプラグインは、以下にリストされているように、次の機能を提供します-

。トグル

コンテンツペインのオンとオフの状態を切り替えます。 次のイベントが含まれています-

Sr.No.	Name & Description	Type
1	$target ペインを切り替えるためのjQueryオブジェクトを作成します。	jQuery

。ダウン

アコーディオンタブを開くと起動します。 次のイベントが含まれています-

Sr.No.	Name & Description	Type
1	$target アコーディオンペインが開きます。	jQuery
2	firstTime アコーディオンの再実行を指定します。	Boolean

.up

タブが閉じられるとトリガーされます。 次のイベントが含まれています-

Sr.No.	Name & Description	Type
1	$target アコーディオンタブを閉じます。	jQuery

。破壊する

アコーディオンのインスタンスを台無しにします。