Hide / 非表示

アニメーション動作させながら、要素を非表示に切り替えたい場合には、jQuery UI の Hide が便利だ。

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

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

• jQuery UI の hide を使い、ブラインドを開けるアニメーションで非表示に

  jQuery UI の hide プラグインを使い、ブラインドを開けるようなアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「blind」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide を使い、弾むようなアニメーションで非表示にする

  jQuery UI の hide プラグインを使い、ボールが弾むようなアニメーション動作をさせながら、要素を非表示にする方法。hide() の1つ目の引数に、「bounce」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、クリップが挟むようなアニメーションで非表示に

  jQuery UI の hide プラグインを使い、クリップが物を挟み込むようなアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「clip」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、スライドしながら徐々に透明になるアニメーション

  jQuery UI の hide プラグインを使い、スライドしながら徐々に透明になるアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「drop」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、破裂するようなアニメーションで非表示にする

  jQuery UI の hide プラグインを使い、破裂するようなアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「explode」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、折りたたむようなアニメーションで非表示にする

  jQuery UI の hide プラグインを使い、折りたたむようなアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「fold」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、ハイライト表示し徐々に透明になるアニメーション

  jQuery UI の hide プラグインを使い、要素をハイライト表示し、徐々に透明になるアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「highlight」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、膨らみながら徐々に透明になるアニメーション

  jQuery UI の hide プラグインを使い、膨らみながら徐々に透明になるアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「puff」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide を使い、点滅させながら要素を非表示にする

  jQuery UI の hide プラグインを使い、要素を点滅させながら、要素を非表示にする方法。hide() の1つ目の引数に、「pulsate」を指定する。3つ目の引数で、点滅アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、徐々に縮小するアニメーションで非表示にする

  jQuery UI の hide プラグインを使い、徐々に縮小するアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「scale」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide で、要素のサイズを徐々に変更後、非表示にする

  jQuery UI の hide プラグインを使い、要素のサイズを徐々に変更するアニメーション動作後、要素を非表示にする方法。hide() の1つ目の引数に、「size」を指定する。2つ目の引数に、変更後のサイズを指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide を使い、スライドするアニメーションで要素を非表示に

  jQuery UI の hide プラグインを使い、右から左へスライドするアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「slide」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の hide を使い、徐々に透明になるアニメーションで非表示に

  jQuery UI の hide プラグインを使い、徐々に不透明から透明になるアニメーション動作で、要素を非表示にする方法。hide() の1つ目の引数に、「fade」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。