show( )

Shows the element and sets its hidden property to false, using an effect if specified.

The show() function shows the element and returns a Promise that is resolved when the effect is complete and the element's hidden property has been set to false.

You can optionally apply an effect when showing the element by providing an effectName value. You can also customize the effect by providing the optional effectOptions object.

This table shows possible effectName values and their corresponding names in the editor:

Effect Name ValueEditor Animation Name
"arc"Arc-In
"bounce"Bounce-In
"fade"Fade-In
"flip"Flip-In
"float"Float-In
"fly"Fly-In
"fold"Fold-In
"glide"Glide-In
"puff"Puff-In
"roll"Reveal
"slide"Slide-In
"spin"Spin-In
"turn"Turn-In
"zoom"Expand-In

Notes:

  • In Wix Studio, the show () function will not make an element visible for a given breakpoint if the element has been set to "Hide for that breakpoint in the Layers more actions menu. Calling show() however, will change the hidden property of the element to false.
  • It is recommended not to mix show() and hide() with Hide and Show in Wix Studio.
Method Declaration
Copy
Method Parameters
effectNamestring

The name of the effect to play when showing the item.

effectOptionsunion

The effect's options.

Did this help?