jquery - ページの高さをアニメーション化しますか?

Question

たくさんのコンテンツがあるページがあります。ページの読み込み時にコンテンツを非表示にしてから、jquery を使用してページの高さに合わせてアニメーション化したいと考えています。

私はcssで解決しましたが、エレガントではありません。jqueryでもっと良い方法はありますか?

Answer 1

#divId
{
 height:30px;
 width:400px;
}

jquery animate() 関数を使用する

$('#divId').animate({height:'50px'}, 500);

詳細については、このリンクを確認してくださいanimate()

Answer 2

CSSでデフォルトごとにコンテンツを非表示にすることができます

#content {
    display: none;
}

その後、あなたが望むことを正確に行うjQueryを使用slideDownしているかどうかを示します。

$('#content').slideDown(3000); /* 3 seconds */

http://jsfiddle.net/PcpNk/