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

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

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

実装例（サンプル）

Hide

実装例（サンプル）について

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

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

hide プラグイン

概要

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

effect

1つ目の引数。

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

指定できる値

• blind
• bounce
• clip
• drop

• explode
• fade
• fold
• highlight

• puff
• pulsate
• scale
• size

• slide

options

2つ目の引数。

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

speed

3つ目の引数。

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

callback

4つ目の引数。

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