Learn ExtJSaccordion layout _ extjs

ExtJSaccordion layout instructions. For more information, see. 1. the Accordion layout is composed of class Ext. layout. accordion definition, indicating a foldable layout. Click the header name of each child element or the button on the right to expand the Panel and contract other expanded panels.
LayoutConfig: true indicates that the animation effect is enabled when the folding is performed. The default value is false.
II. Application Example

The Code is as follows:

Ext. onReady (function (){
Var _ panel = new Ext. Panel ({
Title: "personnel information ",
RenderTo: Ext. getBody (),
Frame: true,
Width: 500,
Height: 300,
Layout: "accordion ",
LayoutConfig :{
Animate: true
},
Items: [{title: "child element 1", html: "This is the content in child element 1 "},
{Title: "child element 2", html: "This is the content in child element 2 "},
{Title: "child element 3", html: "This is the content in child element 3 "}
]
}
);