jQuery 1.7で画像をフェードイン、エキスパンドするにはどうすればいいですか

Question

さまざまなコードスニペットを試しましたが、私が望むようにすることはできません。

私ができることをしたいのは、画像が隠れて/消えてしまわないように/拡大/完全に見えるように切り替えるhrefを持つことです。

私はfadein/delayを見て、アニメーション化しましたが、構文を理解することはできません。

別の質問として、私はタブ内でこれをやっています。画像やそれに続くテキストが、タブに定義された高さを超えて拡大すると、タブをスクロールさせることはできますか？

#StockTakeSummaryPic { 
width:1120px; 
height:1px;} 

function fncShowImage() { 
$('#StockTakeSummaryPic').animate({ 
    opacity: 1, 
    height: 'toggle' 
}, 1000, function() { 
    // Animation complete. 
}); 
} 


<a href="#" onclick="javascript:fncShowImage()">View</a> 

コードが追加されました。

ありがとうございました。

Answer 1

最初に間違っているのは、高さが1pxに設定されているため、高さを切り替えると0と1の間で切り替わるため、とにかく表示されません。

私の例をチェックしてください,fadeおよびslideという3つのオプションがあります。どのように動作するかを見るために関数呼び出しを変更するだけです。

Answer 2

<script> 
$('.pic-toggle').click(function(event) { 
    event.preventDefault(); 
    $('#StockTakeSummaryPic').toggle("slow"); 
}); 
</script> 


<a class='pic-toggle' href="#">View</a> 

これを試してください。