アニメーション
要素の表示完了時にテキストも変更して表示

$('div#content2').show('slow',function() {$(this).text('表示が完了しました');} );

※CSSプロパティで以下の様に設定

div.square{
float=left;
width: 150px;
height: 150px;
margin:3px;
padding:3px;
border:1px solid #000;
background-color:#cf9;
}
div#content2{
display:none;
background-color:#fc9;
}


実行例
表示済みの要素（１）
show()で表示した要素
表示済みの要素（２）



変更前のhtml
<div class="square">表示済みの要素（１）</div>
<div id="content2" class="square">show()で表示した要素</div>
<div class="square">表示済みの要素（２）</div>

オプション　'slow'、'normal'、'fast'、5000（５秒）

逆にゆっくりと非表示にするには
$('div#content2').hide('slow');
非表示直後にメッセージを表示する方法もある。赤本p148参照