[jQuery] 基本メモ: エフェクト

<div id="box" style="width:100px; height:100px; background: blue;"></div>

非表示

$('#box').hide();

表示

$('#box').show();

表示状態反転

$('#box').toggle(800);

非表示(変化度合い指定)

$('#box').hide('slow');

非表示(変化時間指定)

$('#box').hide(800); //ミリ秒

フェードアウト

$('#box').fadeOut(800);

フェードアウト(コールバック関数)

$('#box').fadeOut(800, function() {
    alert('gone'); //エフェクト終了時に呼ばれる
})

フェードイン

$('#box').fadeIn(800);