Change div content with fade in and out animation, replace button with back function

[Mothupi_SS]

Hello everyone, I’m new to coding and wappler however I’m currently working on a small project to test myself, I’ve come across something i think is interesting but i can’t seem to make it work

I’d like to change the contents of div1 to div2 contents onclick of a link with fade animation, with the contents of div2 id like the link to change text and function and take me back to contents of div1, with fade animation.

Anyone please I’m stuck.

Thank you.

[Teodor]

You can animate (fade) elements on the page using the Animated Region component. Here’s an example of how to use it:

Animated reveal and hide using Animations?

I would like to have a similar effect to that of Bootstrap Collapse Bootstrap 4.4 Collapse where a DIV is revealed over say half a second rather than simply appearing and disappearing. Can it be done with Wappler Animations? Or is there another better way? I have quite a few Show/Hide attributes dotted around the site, either using a button or dynamically with server connect. I have tried Toggle Class collapse with no success. I have tried Show/Hide applying collapse class with no success.

[Mothupi_SS]

Thank you very much Teodor, this is exactly what I’ve been looking for. Thanks.