How to make a smooth replacement of content in a block?

Question

JavaScript

Can you please tell me how to make text replacement using .text() smooth?

In this case, I have switches, when clicked, the map (map script) changes in the display block.

Answer 1

1. Use the fadeOut function to remove the first block
2. Create a copy of this block, but with different content
3. Insert a new block in place of the deleted block, but with a transparency of 0
4. Use the fadeIn function to show the new block
Total:
Effect of smooth content replacement.