デフォルト非表示にしたい。【toggle 】要素の表示・非表示

初心者のため、教えていただけたら幸いです。
button を押したとき、img.pngの表示・非表示を切り替えたいです。

下記のやり方だと、デフォルトはimg.pngを表示しています。
デフォルトを非表示にするにはどうしたらよいでしょうか？

よろしくお願いします。

----------------------------------------------------------------
<script>
$(function() {
$('.toggle1').click(function(){
$('.toggle2').toggle('swing');
});
});
</script>

<p>
<button class="toggle1">押す</button>
</p>
<p><img class="toggle2" src="img.png"></p>
----------------------------------------------------------------

No.1 ベストアンサー 回答者： yambejp 回答日時： 2016/07/20 18:30

<script>

$(function() {
$('.toggle2').hide();
$('.toggle1').click(function(){
$('.toggle2').toggle('swing');
});
});
</script>

この回答へのお礼

ありがとうございました。
思った通りの動きになりました！

お礼日時：2016/07/20 18:41