jQuery анимировать размер строки и размер шрифта

Question

У меня есть панель div с размером шрифта 20 и высотой строки 100 px, но я хочу анимировать ее, чтобы иметь размер шрифта 15 и высоту строки 50, поэтому блок держит шрифт и уменьшает высоту .. вот что я пытался

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

но код изменяет только высоту DIV

Answer 1

Убедитесь, что вы заранее отправной высоту строки и font-size в CSS.

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

Here's an example.