ColdFusion.Layout.hideAccordion

Description

Hides the specified panel and its accordion layout.

Function syntax

ColdFusion.Layout.hideAccordion(layoutname, layoutareaname)

See also

cflayoutColdFusion.Layout.collapseAccordionColdFusion.Layout.createAccordionPanel
ColdFusion.Layout.expandAccordionColdFusion.Layout.getAccordionLayout
ColdFusion.Layout.selectAccordion
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 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>

 

Get help faster and easier

New user?