Problem with fading animation

Ask the community
,
3

Hi,

In addition to Yisrael’s post, I also noticed the hide/show functions are being executed right after the other which might also make it behave wonky.

I’d maybe add a condition to check if the element is already being hidden and then display it if it’s been clicked or hide if it’s been clicked again.

You can maybe try something like this:

export function columnStrip4_click_1(event) {
 let groupItem = $w("#group1");

 if (groupItem.hidden) {
 let fadeOptions = {"duration": 1200,"delay": 0};
 
     $w("#group1").show("fade", fadeOptions)
    } else {
     $w("#group1").hide();
    }
}

Best regards,
Miguel