hideメソッド
メソッドhideは要素をフェードアウトで非表示にします。要素を表示するには、
メソッドshowを使用できます。
構文
指定された時間（デフォルトは400ミリ秒）で非表示にします：
.hide(duration);
時間はミリ秒だけでなく、キーワードslow（600ミリ秒）と
fast（200ミリ秒）でも指定できます。値が大きいほどアニメーションは遅くなります：
.hide('slow' or 'fast');
パラメータを指定しない場合、アニメーションは行われず、要素は瞬時に非表示になります：
.hide();
2番目のパラメータとしてイージング関数、3番目のパラメータとしてアニメーション完了後に実行されるコールバック関数を渡すこともできます。どちらのパラメータもオプションです：
.hide(duration, [easing function], [callback function]);
JavaScriptオブジェクト（キー: 値のペアを含む）の形式でさまざまなオプションをメソッドに渡すことができます：
.hide(options);
このようなオブジェクトは以下のパラメータや関数を渡すことができます：duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always。これらのパラメータの説明は、
メソッドanimateで参照できます。例えば、
持続時間とイージング関数を設定します：
.hide( {duration: 800, easing: easeInSine} );
例
ボタン#testをクリックした後、
メソッドhideを使用して段落をフェードアウトさせましょう。
キーワードslowを渡すことで、速度を600ミリ秒に設定します。
アニメーション終了後、コンソールに'Animation complete'を出力します：
<button id="test">テキストを非表示</button>
<p>テキスト</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('アニメーション完了')
});
});
