Appearing and disappearing of elements with JS animation

Hello!

I have a box on the page with text with ID text107 and a button with ID mobileButton3. I would like to use Velo to make the button and the text with ID text107 to slowly disappear after clicking the mobileButton3 button, and in their place, the text with ID text106 and the button with ID button27 would appear.

I would be very grateful for help!

$w.onReady(()=>{}
    $w('#button3').onClick(()=>{
        $w('#button3').hide('fade');
        $w('#text107').hide('fade');
        $w('#text106').show('fade');
        $w('#button27').show('fade');
    });
);
1 Like