Fade-in and fade-out multiple objects on homepage

Ask the community
,
21

@manuelapblanco
For me it is also working on mobile…
Take a look here… (show this in “mobile”).
https://www.media-junkie.com/sentences

This one, is the running code on mobile…

$w.onReady(function () {
    $w('#button1').onClick(()=>{ start_myFunction() })
});


async function start_myFunction (parameter) {
 let sentence1 = $w('#text1')
 let sentence2 = $w('#text2')
 let sentence3 = $w('#text3')
 let myButton = $w('#button1')

 await myButton.hide('fade')
 //myButton.collapse()

    setTimeout(()=>{ 
    sentence1.hide('fade'), sentence2.show('fade')
    setTimeout(()=>{
        sentence2.hide('flip'), sentence3.show('flip')
        setTimeout(()=>{
            sentence3.hide('float'), myButton.expand(), myButton.show('fly')
        },2500) 
    },2500)
},2500)