jQueryは線の高さとフォントのサイズをアニメーションします

Question

font-sizeが20、行の高さが100 pxのdivパネルがありますが、font-size 15とline-heightが50になるようにアニメーション化したいブロックは、ここで私は

$("#homepage_panel").animate({ 
    height: '50px', 
    lineHeight: '50px', 
    fontSize: '10px' 
}, 500, function() { 
    $("#login_form").slideDown("fast"); 
}); 

を試してみましたが、コードが唯一のdivの高さ

Answer 1

は、あなたが開始行の高さを事前に設定することを確認してくださいを変更、何..ですフォントを保持し、高さを低減しますfont-size

#homepage_panel { 
    line-height: 10px; 
    font-size: 20px; 
}​ 

Here's an example.