Whatever message this page gives is out now! Go check it out!
ColdFusion.Layout.selectAccordion
Last update:
May 18, 2026
Description
Selects the specified accordion layout and displays its panels.
Function syntax
ColdFusion.Layout.selectAccordion(layoutname, layoutareaname) |
See also
ColdFusion.Layout.hideAccordion, ColdFusion.Layout.showAccordion, Using layouts in
Controlling Ajax user interface layout the Developing ColdFusion Applications
History
ColdFusion 9: Added this function
Parameters
Parameter | Description |
layoutname | The name attribute of the accordion layout that contains the area to select. |
layoutareaname | The name attribute of the panel to select. |
Returns
This function does not return a value.
Usage
This function has no effect on a disabled panel.
Example
The following code lets you select each of the two panels in an accordion layout.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<cflayout type="accordion" name="mainAccordion" accordionheight="300px" style="width:400px">
<cflayoutarea title="First Panel" name="panel1">
<h2>The First Panel</h2>
Here are the contents of the first panel.
</cflayoutarea>
<cflayoutarea title="Second Panel" name="panel2">
<h2>The Second Panel</h2>
This is the content of the second panel.
</cflayoutarea>
</cflayout>
<p>
Use these links to test selecting tabs via JavaScript:<br />
<a href="" onClick="ColdFusion.Layout.selectAccordion('mainAccordion','panel1');
return false;">Click here to select panel 1.</a><br />
<a href="" onClick="ColdFusion.Layout.selectAccordion('mainAccordion','panel2');
return false;">Click here to select panel 2.</a><br />
</p>
</body>
</html>
We're glad. Tell us how this page helped.
We're sorry. Can you tell us what didn't work for you?
Share additional feedback to help us improve.
0/255
|
