アニメーション
要素を表示させる

$('div#content2').show();

※CSSプロパティで以下の様に設定
#content2{display:none}　このdisplay:noneをjQueryでdisply:blockに変換して要素を表示するようにする


実行例　中央の薄茶がjQueryによって表示される、jQueryをoffにすると消える(これは上のCSSの変更で実現されている)
表示済みの要素（１）
show()で表示した要素
表示済みの要素（２）

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

逆に隠す場合はその逆になる、CSSでdisply:blockを設定して表示し、display:noneに切り替える。赤本p146参照
$('div#content2').hide();