Whatever message this page gives is out now! Go check it out!

ColdFusion.Layout.hideAccordion

Last update:
May 18, 2026

Description

Hides the specified panel and its accordion layout.

Function syntax

ColdFusion.Layout.hideAccordion(layoutname, layoutareaname)

See also

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 panel to hide.
layoutareaname
The name attribute of the panel to hide.

Returns

This function does not return a value.

Example

The following example creates an accordion layout with two panels. Click the buttons to show and hide the second panel.
<html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
 </head> 
 
 <body> 
 <cflayout type="accordion" name="accordionLayout" 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> 
 <br /> 
 
 <cfform name="layouts"> 
 <cfinput type="button" name="ShowAccordion" value="Show Accordion" 
 onClick="ColdFusion.Layout.showAccordion('accordionLayout','panel2')"> 
 <cfinput type="button" name="ShowAccordion" value="Hide Panel" 
 onClick="ColdFusion.Layout.hideAccordion('accordionLayout','panel2')"> 
 </cfform> 
 </body> 
 </html>

Share this page

Was this page helpful?
We're glad. Tell us how this page helped.
We're sorry. Can you tell us what didn't work for you?
Thank you for your feedback. Your response will help improve this page.

On this page