The Zii component contains JQuery-based UI components defined in the zii. widgets. jui package, including CJuiAccordion, CJuiAutoComplete, and CJuiDatePicker. This article describes CJuiAccordion and displays an Accordion component (similar to the UI component that can be folded by the Accordion ). This control encapsulates the JUI Accordion plug-in. Basic usage: [php] <? Php $ this-> widget ('zii. widgets. jui. CJuiAccordion ', array ('panels' => array ('panel 1' => 'content for panel 1', 'panel 2' => 'content for panel 2 ', 'panel 3' => $ this-> renderPartial ('_ content1', null, true),), 'options' => array ('collapsible '=> true, 'activity' => 1,), 'htmloptions '=> array ('style' => 'width: 500px;'),);?> <? Php $ this-> widget ('zii. widgets. jui. CJuiAccordion ', array ('panels' => array ('panel 1' => 'content for panel 1', 'panel 2' => 'content for panel 2 ', 'panel 3' => $ this-> renderPartial ('_ content1', null, true),), 'options' => array ('collapsible '=> true, 'activity' => 1,), 'htmloptions '=> array ('style' => 'width: 500px;'),);?> Define the panels attribute to define several foldable pages of Accordion and send parameters to the JUI Accordion plug-in by configuring options.