hideメソッド

メソッドhideは要素をフェードアウトで非表示にします。要素を表示するには、 メソッドshowを使用できます。

構文

指定された時間（デフォルトは400ミリ秒）で非表示にします：

javascript.hide(duration);

時間はミリ秒だけでなく、キーワードslow（600ミリ秒）と fast（200ミリ秒）でも指定できます。値が大きいほどアニメーションは遅くなります：

javascript.hide('slow' or 'fast');

パラメータを指定しない場合、アニメーションは行われず、要素は瞬時に非表示になります：

javascript.hide();

2番目のパラメータとしてイージング関数、3番目のパラメータとしてアニメーション完了後に実行されるコールバック関数を渡すこともできます。どちらのパラメータもオプションです：

javascript.hide(duration, [easing function], [callback function]);

JavaScriptオブジェクト（キー: 値のペアを含む）の形式でさまざまなオプションをメソッドに渡すことができます：

javascript.hide(options);

このようなオブジェクトは以下のパラメータや関数を渡すことができます：duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always。これらのパラメータの説明は、 メソッドanimateで参照できます。例えば、 持続時間とイージング関数を設定します：

javascript.hide( {duration: 800, easing: easeInSine} );

例

ボタン#testをクリックした後、 メソッドhideを使用して段落をフェードアウトさせましょう。 キーワードslowを渡すことで、速度を600ミリ秒に設定します。 アニメーション終了後、コンソールに'Animation complete'を出力します：

html<button id="test">テキストを非表示</button>
<p>テキスト</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('アニメーション完了')
  });
});

関連項目