Delaying Timeline within Collapsible Element

Hi All,

I’m trying to delay the start of my timeline animation within a collapsible box. I want it so the image will wait a specified amount of time before fading and beginning it’s timeline animation. Currently, the image will appear immediately, fade out and back in, and begin it’s animation. Is there a way to prevent the image from appearing immediately and synchronize it with the fading timer I’ve specified?

.show() function accepts 2 parameters (effect, effect options) .

You can pass the desired duration and delay to the options parameter. For example:

let fadeOptions = {
  "duration":   2000,
  "delay":      1000
};

$w("#myElement").show("fade", fadeOptions);