jQuery UI の hide を使い、アニメーション動作で要素を非表示にする

jQuery UI の hide プラグインについて。hide() の 1つ目の引数は、アニメーション動作の種類。2つ目の引数は、1つ目の引数に指定したアニメーション動作固有のオプション。3つ目の引数はアニメーション動作速度。4つ目の引数は、アニメーション動作後に呼び出す関数。

1つ目の引数に指定するアニメーション動作は、'blind'、'bounce'、'clip'、'drop'、'explode'、'fade'、'fold'、'highlight'、'puff'、'pulsate'、'scale'、'size'、'slide'のいづれか。

実装例(サンプル)

「Hide」ボタンをクリックすると、ブラインドを開けるようなアニメーション動作で、このボックスを非表示にする。

実装例(サンプル)について

実装例(サンプル)は、1つ目の引数に「blind」を指定して、ブラインドを開けるようなアニメーション動作で、ボックスを非表示にするようにしたもの。

実装例(サンプル)のソースコードについては、こちら

hide プラグイン

概要

hide( effect, [options], [speed], [callback] )

effect

1つ目の引数。

アニメーション動作の種類を指定する。

指定できる値

options

2つ目の引数。

1つ目の引数に指定したアニメーション動作固有のオプション。

speed

3つ目の引数。

アニメーション動作速度。

callback

4つ目の引数。

アニメーション動作後に呼び出す関数。

スポンサード リンク

カテゴリー: Hide, JavaScript, jQuery, jQuery UI, アニメーション パーマリンク