Search...
collapse( )
Collapses the element and sets its collapsed
property to true
.
Description
The collapse()
function returns a Promise that is resolved when the
element's collapsed
property has been set to true
.
To learn about the behavior of a collapsed element,
see the collapsed
property.
You can also collapse an element when the page loads by using the Properties and Events panel in the Editor.
Note: The
collapse()
function doesn't remove elements from the DOM.
Syntax
function collapse(): Promise<void>
collapse Parameters
This function does not take any parameters.
Returns
Fulfilled - When the element's collapsed
property has been set to true
.
Return Type:
Promise<void>
Was this helpful?
Collapse an element
Copy Code
1$w("#myElement").collapse();
Collapse an element and log a message when done
Copy Code
1$w("#myElement").collapse()2 .then( () => {3 console.log("Done with collapse");4 } );
Toggle an element's collapsed state
Copy Code
1if( $w("#myElement").collapsed ) {2 $w("#myElement").expand();3}4else {5 $w("#myElement").collapse();6}