Как сделать плавную замену содержимого в блоке?

Question

[Расул Гитинов]

Подскажите пожалуйста, как можно сделать замену текста с помощью .text() плавной?

В данном случае у меня есть переключалки, при нажатии на которые карта (скрипт карты) сменяется в блоке для отображения.

Answer 1

[JackShcherbakov]

1. Функцией fadeOut убрать первый блок
2. Создать копию этого блока, но с другим содержимым
3. Вставить новый блок на место удаленного блока, но с прозрачностью 0
4. Функцией fadeIn показать новый блок

Итого:
Эффект плавного заменения содержимого.

Comments

[Расул Гитинов]

Попробую так. Но есть возможность просто заменить конкретно в одном блоке содержимое, только плавно?

[JackShcherbakov]

Расул Гитинов, Вы можете поставив блоку transition 0.5s, при помощи Js плавно изменнить цвет текста на тот, что имеется у фона. Тем самым текста видно не будет. И в этот самый момент изменить содержимое контенейра и затем вернуть цвет.
Итого:
Эффект плавного заменения содержимого.

[lemme]

https://codepen.io/lemme/pen/YeVNJZ?editors=0010

[Расул Гитинов]

lemme, JackShcherbakov, В моем случае это не текст, а карты. Я перепутал, .html() имел ввиду

[lemme]

Расул Гитинов, а суть разве меняется?