wijexpander jQuery ウィジェット

さまざまなアニメーション効果を使用して、エキスパンドパネル内の埋め込みコンテンツや外部コンテンツを表示/非表示にします。

シンタックス

Javascript (Usage)
$(function () { var options; //タイプ： wijmo.expander.wijexpander.options $(".selector").wijexpander(options); });

Javascript (Usage)

$(function () {
    var options; //タイプ： wijmo.expander.wijexpander.options
     
    $(".selector").wijexpander(options);
});

Javascript (Specification)
function wijexpander() : any;

オプション

	名前	解説
	allowExpand	デフォルト値: true ユーザー操作によってウィジェットを展開または折りたたむことができるかどうかを決定します。ウィジェットの展開および折りたたみを無効にするには、このオプションを false に設定します。
	animated	デフォルト値: 'slide' アニメーションイージング効果を決定します。アニメーションを無効にするには、このオプションを false に設定します。カスタムイージング効果を使用するには、UI Effects Core が必要です。アニメーション機能に使用可能な追加オプションは以下のとおりです。expand - true の場合、コンテンツ要素が展開されている必要があることを示します。horizontal - true の場合、エキスパンダーの向きが水平であることを示します（expandDirection が left または right の場合）。content - 展開または折りたたまれるコンテンツ要素を含む jQuery オブジェクト。
	contentUrl	デフォルト値: "" 外部コンテンツの URL を決定します。たとえば、ComponentOne Web サイトを表示する場合は http://componentone.com/ を指定します。
	expandDirection	デフォルト値: 'bottom' コンテンツの展開方向を決定します。有効な値は、top、right、bottom、left です。
	expanded	デフォルト値: true コンテンツパネルの表示状態を決定します。true の場合、コンテンツ要素は表示されています。

トップ

メソッド

	名前	解説
	collapse	コンテンツパネルを折りたたみます。
	destroy	wijexpander 機能を完全に除去します。これは要素を初期化前の状態に戻します。
	expand	コンテンツパネルを展開します。
	widget	オリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。

トップ

イベント

	名前	解説
	afterCollapse	コンテンツ領域が折りたたまれた後に発生します。
	afterExpand	コンテンツ領域が展開された後に発生します。
	beforeCollapse	コンテンツ領域が折りたたまれる前に発生します。イベントをキャンセルしてコンテンツ領域が折りたたまれないようにするには、false を返すか、event.preventDefault() を呼び出します。
	beforeExpand	コンテンツ領域が展開される前に発生します。イベントをキャンセルしてコンテンツ領域が展開されないようにするには、false を返すか、event.preventDefault() を呼び出します。

トップ

関連トピック

参照