The Collapsible Section builder arranges for an additional information section to be displayed (or hidden) when the user clicks a specified area on the page.
Typically an icon called a twistie is added to the clickable area that you specify in the Trigger Location
input. This icon (image) displays a collapsed picture when the additional information section is currently being hidden and displays an expanded picture when the section is made visible. The expanded and collapsed state of the section is tracked on the server. Thus, the state is retained during subsequent page loads in the same session. The builder gives a choice of whether to refresh the page when the trigger is clicked and the manner in which it is refreshed.
Use with partial-page refresh
If you use the partial-page refresh
option in the Refresh Page
input with this builder, ensure that you meet the following requirements.
- Place the locations specified in the Trigger Location and Expand/Collapse Section Location inputs within the same parent container element.
- Give the parent container element a name attribute. Giving the parent a name makes it a parsed element.
In the following example, the <div>
tag named collapseSection
is a valid parent container.
Collapsible Section builder inputs
<span name="triggerTag">Click Here</span><p>
<span name="sectionTag">Here is the section to hide</span>
This topic describes the inputs for the Collapsible Section builder.
Parent topic: Builder help
About using the builder call editor