I generally use states to control visibility, especially on single page applications.
In this example, you can see that when I click one of the navigation buttons, there is a slight delay between one modal/element being hidden and the other becoming visible. What that means is that the container “modal” expands and the animation doesn’t look great.
I’ve tried adding pauses in the workflows, but that doesn’t help. It was always going to be a long shot.
You changing just text and image so you need just change the image source and text’s body depending on the condition.
When the Group page is 4
Image source: //s3.amazonaws.com/appforest_uf/…