CASE statement Afterwards applied, although the order of the code is different (fade-out/fade-in onClick button event)

Ask the community
,
10

@jonatandor35

I saw the blinking when i was playing around with the code, but…
this one…

$w.onReady(() => {
    $w("#button22, #button23, #button25").onClick(async(event) => {
 await $w("#image1").hide('fade')
 let src;
 switch(event.target.id) {
 case "button22":
                            src = "https://static.wixstatic.com/media/b03143_fbd4acb3908541d5875e3cb3776f50d4~mv2.jpg";
 break;
 case "button23":
                            src = "https://static.wixstatic.com/media/b03143_b82cd97efe984cfb8cdc93c2ddbc1844~mv2.jpg";
 break;
 case "button25":
                            src = "https://static.wixstatic.com/media/b03143_7070b5a8bc95484288c6853f87d70399~mv2.png";
 break;
        }
        $w('#image1').src = src
        $w("#image1").show('fade')
    })
})

works without any BLINKING for me.

Please test the last example…
https://www.media-junkie.com/simple-megamenu

I can not recognize any blinking.