アニメーション
実行するたびに要素の表示/非表示を切り替える

$('div.square').toggle();

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

div.square{
float=left;
width: 150px;
height: 150px;
margin:3px;
padding:3px;
border:1px solid #000;
background-color:#cf9;
}
div.odd{     /*先に表示する要素*/
display:block;
background-color:#fc9;
}
div.even{    /*後から表示する要素*/
display:none;
background-color:#fc9;
}


実行例
先に表示済みの要素
後から表示する要素
先に表示済みの要素
後から表示する要素



変更前のhtml
<div class="square odd" style="float:left">先に表示済みの要素</div>
<div class="square even" style="float:left">後から表示する要素</div>
<div class="square odd" style="float:left">先に表示済みの要素</div>
<div class="square even" style="float:left">後から表示する要素</div>

これは、jQueryがOFFの状態はoddクラスが表示され、jQueryがONになったらevenクラスが表示されるという事らしい。交互に再読み込みしても切り替わるわけではない。