Foundation-accordion-javascript-reference

アコーディオンメニューJavaScriptリファレンス

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

初期化中

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

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

Foundation.AccordionMenu

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

var elem = new Foundation.AccordionMenu(element);

Sr.No.	Name & Description	Type
1	element アコーディオンメニューにjQueryオブジェクトを作成します。	jQuery
2	options デフォルトのプラグイン設定はオーバーライドされます。	Object

プラグインオプション

次のプラグインを使用して、アコーディオンメニューインスタンスをカスタマイズできます。 プラグインオプションを個別のデータ属性として設定できます。

Sr.No.	Name & Description	Example
1	slideSpeed サブメニューの開始をアニメーション化する時間をミリ秒（ミリ秒）で設定します。	250
2	multiOpen メニューで複数の開いているペインを使用できます。	true

イベント

任意の要素にアタッチされたアコーディオンメニュープラグインは、次のイベントをトリガーできます。

Sr.No.	Name & Description
1	down.zf.accordion menu メニューが折りたたまれたときにイベントをトリガーします。
2	up.zf.accordion menu メニューが折りたたまれたときにイベントをトリガーします。

関数

アコーディオンメニューで使用される機能は次のとおりです。

.hideAll

開いているメニューのすべてのペインを閉じます。

。トグル

サブメニューの開閉状態を切り替えます。

Sr.No.	Name & Description	Type
1	$target サブメニューを切り替えます。	jQuery

。ダウン

サブメニューは $ target で定義されて開きます。

Sr.No.	Name & Description	Type
1	$target サブメニューを開きます。	jQuery

.up

サブメニューは $ target で定義されて閉じられます。 また、ターゲット内に存在するサブメニューも閉じます。

Sr.No.	Name & Description	Type
1	$target サブメニューを閉じます。	jQuery

。破壊する

アコーディオンメニューが破棄されます。