Как правильно выполнять fade анимацию для блока с display:none?

Question

[Алексей Скляров]

Суть проблемы в следующем: есть блоки, которые скрыты (например сообщения об ошибке). Как правильно задавать таким блокам анимацию? Ведь fadeIn и прочие fade-анимации просто увеличивают opacity до 1. Т.е если ставить блоку не display:none, a opacity:0 анимация будет работать корректно, но при этом блок занимает какое-то место. Как быть в такой ситуации?

$(el).css('display','block').addClass('fadeIn'); к сожалению не дает требуемого результата.

Answer 1

[Владислав Токарев]

в jQuery для этого есть функция

Comments

[Алексей Скляров]

Я уже писал что при скрытом блоке через display:none, анимация не проходит, в том числе:
$('#how_success').fadeIn(500);