CollapsibleText
Collapsible text is a text element for managing large amounts of text. Learn more.
Additional information about this section
Store values associated with an object
- ellipsisEnabled
Indicates whether the ellipsis functionality is turned on.
- maxLines
Sets or gets the maximum number of lines of introductory text in the collapsible text.
- readMoreActionData
Sets or gets the data object of the read more action for the collapsible text.
- readMoreActionType
Sets or gets the type of read more action for the collapsible text.
- text
Sets or gets the plain-text content of a collapsible text element.
- customClassList
A property that represents an element's custom CSS classes.
- deleted
Indicates if an element was temporarily deleted from the DOM. Use the restore function to restore the deleted element.
- rendered
Indicates if an element is currently in the DOM structure.
- global
Indicates if an element appears on all pages or only on the current page.
- id
Gets the element's ID.
- parent
Gets the element's parent element.
- type
Gets the element's type.
- hidden
Indicates if the element is visible or hidden.
- isVisible
Indicates if the element is actually visible.
- collapsed
Indicates if the element is collapsed or expanded.
The endpoints exposed by this API
Adds a read more button that links to the remaining text when clicked.
Collapses the collapsible text and displays the introductory text with an ellipsis.
Turns off the ellipsis functionality.
Turns on the ellipsis functionality.
Expands the collapsible text, displays the full text, and hides the ellipsis.
Removes the read more button that links to the remaining text when clicked.
Deletes an element from the DOM. This is a temporary deletion. Use restore to restore the deleted element. SEO crawlers cannot find content in an element whose ...
Adds an event handler that runs when the pointer is moved onto the element. You can also define an event handler using the Properties and Events panel.
Adds an event handler that runs when the pointer is moved off of the element. You can also define an event handler using the Properties and Events panel.
Restores a deleted element to the DOM.
Scrolls the page to the top of the element using an animation.
Adds an event handler that runs when an element is displayed in the viewable part of the current window.
Adds an event handler that runs when an element is no longer displayed in the viewable part of the current window.
Hides the element and sets its hidden property to true, using an effect if specified.
Shows the element and sets its hidden property to false, using an effect if specified.
Collapses the element and sets its collapsed property to true.
Expands the element and sets its collapsed property to false.
Adds an event handler that runs when the element is clicked.
Adds an event handler that runs when the element is double-clicked.