animated オプション

デフォルト値: 'slide'

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

シンタックス

Javascript (Usage)
$(function () { //値を取得する var returnsValue; //タイプ： string returnsValue = $(".selector").wijaccordion("option", "animated"); //値を設定します var newValue; //タイプ： string $(".selector").wijaccordion("option", "animated", newValue); });

Javascript (Usage)

$(function () {
    
    //値を取得する
    var returnsValue; //タイプ： string
    returnsValue = $(".selector").wijaccordion("option", "animated");
    
    //値を設定します
    var newValue; //タイプ： string
    $(".selector").wijaccordion("option", "animated", newValue);
        
});

Javascript (Specification)
var animated : string;

使用例

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オブジェクトが非表示になります。

関連トピック

参照