|
1 |
<div id="box" style="width:100px; height:100px; background: blue;"></div> |
非表示
|
1 |
$('#box').hide(); |
表示
|
1 |
$('#box').show(); |
表示状態反転
|
1 |
$('#box').toggle(800); |
非表示(変化度合い指定)
|
1 |
$('#box').hide('slow'); |
非表示(変化時間指定)
|
1 |
$('#box').hide(800); //ミリ秒 |
フェードアウト
|
1 |
$('#box').fadeOut(800); |
フェードアウト(コールバック関数)
|
1 2 3 |
$('#box').fadeOut(800, function() { alert('gone'); //エフェクト終了時に呼ばれる }) |
フェードイン
|
1 |
$('#box').fadeIn(800); |