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.

This endpoint does not take any parameters

Fulfilled - When the element's collapsed property has been set to true.

Returns an empty object.

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}