アニメーション
動作しない 画像を下から上にスライドして表示

$('div.photo>').slideUp();   //フェードインslowで実行

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

div.photo{display:none;}
これがjQueryによって以下の様に変化して表示されるようになる。noneで隠してblockで表示
div.photo{display:block;}


実行例
東京駅



変更前のhtml
<div class="photo"><img src="../../../../resources/kaminari-mon.png" alt="東京駅" /></div>

画像のスライドではなく、枠が上から下へ広がっているだけ。あんまり動作がよくない。急にぱっと広がってしまう。