アニメーション
ボタンのクリックで表示／非表示を切り替え

$('button#slide-toggle').click(function() {
     $('div.photo').slideToggle('slow',function() {
       if($(this).is(':visible'))
         $('button#slide-toggle').text('画像を閉じる');
         $('button#slide-toggle').text('画像を開く');
　　} );
} );
$('button#slide-toggle').click();

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

div.photo{display:none;}

画像を閉じる

<p><button id="slide-toggle">画像を開く/閉じる</button></p>
<div class="photo"><img src="../../../../resources/kaminari-mon.png" alt="恐竜型ロボット" /></div>