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 Value | Editor 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. Callingshow()
however, will change thehidden
property of the element tofalse
. - It is recommended not to mix
show()
andhide()
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.
Was this helpful?
Yes
No