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 app loads by using the Properties panel in the Editor.

function collapse(): Promise<void>

This function does not take any parameters.

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("#myMobileElement").collapse();

Collapse an element and log a message when done

Copy Code

1$w("#myMobileElement").collapse()
2  .then( () => {
3    console.log("Done with collapse");
4  } );

Toggle an element's collapsed state

Copy Code

1if( $w("#myMobileElement").collapsed ) {
2  $w("#myMobileElement").expand();
3}
4else {
5  $w("#myMobileElement").collapse();
6}