Как заставить html появляться плавно?

Question

[Kaunov_ivan]

По нажатию кнопки я меняю часть контента при помощи $('.floor').hide().html(myHTML);
Но меняется он слишком резко. как заставить его меняться в течении 1-2 секунд?

Answer 1

[Сергей Мельников]

$('.floor').fadeOut(function() {
  $(this).html(myHTML);
}).fadeIn();

Answer 2

[Сергей Наломенко]

Используйте метод .fadeOut() библиотеки jQuery вместо .hide()

Comments

[Kaunov_ivan]

тогда они медленно уходят, но не дожидаясь того как медленно уходят - резко появляется новое. Нужно что-то вместо .html

[Сергей Наломенко]

Ну так используйте правильную последовательность:
1. Спрячте элемент плавно — .fadeOut()
2. Задайте новый контент — .html()
3. Покажите его плавно — .fadeIn()

Answer 3

[ColdSpirit]

jquery-docs.ru/Effects/hide/#speedcallback
помогло?

Comments

[Kaunov_ivan]

нет

Answer 4

[veitmen]

Надавить посильнее на него. Думаю согласится. ;)