animated フィールド

ユーザーがペインを切り替えるときに表示するアニメーションイージング効果を設定します。

シンタックス

Javascript (Usage)
var instance; //タイプ：wijmo.accordion.WijAccordionOptions; var value; // Type: any value = instance.animated;

Javascript (Usage)

var instance; //タイプ：wijmo.accordion.WijAccordionOptions;
var value; // Type: any
value = instance.animated;

Javascript (Specification)
var animated : any;

使用例

Javascript

//独自のアニメーションを作成します。jQuery.wijmo.wijaccordion.animations.custom1 = function (options) { this.slide(options, { easing: options.down ? "easeOutBounce" : "swing", duration: options.down ? 1000 : 200 });} $("#accordion3").wijaccordion({ expandDirection: "right", animated: "custom1" });

解説

イージングを無効にするには、このオプションをfalseに設定します。falseに設定した場合は、瞬間的に次のペインに切り替わります。jQuery UI Easingsを使用してカスタムイージングアニメーションを作成することもできます。アニメーション機能に使用できるオプションは次のとおりです。down - trueの場合は、展開されるペインのインデックスが折りたたまれるペインのインデックスより大きいことを示します。horizontal - trueの場合は、アコーディオンの向きが水平であることを示します（expandDirectionがleftまたはrightの場合）。rightToLeft - trueの場合は、コンテンツ要素がヘッダー要素の前に配置されることを示します（expandDirectionがtopおよびleft）。toShow - コンテンツ要素を含むjQueryオブジェクトが表示されます。toHide - コンテンツ要素を含むjQueryオブジェクトが非表示になります。

関連トピック

参照