Description

Selects the specified accordion layout and displays its panels.

Function syntax

ColdFusion.Layout.selectAccordion(layoutname, layoutareaname)

See also

cflayoutColdFusion.Layout.collapseAccordionColdFusion.Layout.createAccordionPanel

ColdFusion.Layout.expandAccordionColdFusion.Layout.getAccordionLayout

ColdFusion.Layout.hideAccordionColdFusion.Layout.showAccordionUsing 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>

 

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy