Spry User Guide - Support - Adobe

function getStatus(){
var xx = CollapsiblePanel1.isOpen();
document.form1.textfield.value = xx
}
Tab
Content
Open the panel programatically
You can programatically open and close the Collapsible Panel widget by using JavaScript functions. For example, you
might have a button on your page, that opens the collapsible panel when the user clicks the button.
❖ Use the following functions to open or close a collapsible panel:
open panel
close panel
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
SPRY
User Guide
Customize the Collapsible Panel widget
The SpryCollapsiblePanel.css file provides the default styling for the Collapsible Panel widget. You can, however,
easily customize the widget by changing the appropriate CSS rule. The CSS rules in the SpryCollapsiblePanel.css file
use the same class names as the related elements in the collapsible panel’s HTML code, so it’s easy for you to know
which CSS rules correspond to the different sections of the Collapsible Panel widget. Additionally, the SpryCollapsiblePanel.css
file contains class names for behaviors that are related to the widget (for example, hovering and clicking
behaviors).
The SpryCollapsiblePanel.css file should already be included in your website before you start customizing. For more
information, see “Prepare your files” on page 3.
Note: Internet Explorer up to and including version 6 does not support Sibling and child contextual selectors (for
example, .CollapsiblePanel + .CollapsiblePanel or .CollapsiblePanel > .CollapsiblePanel).
Style a CollapsiblePanel widget (general instructions)
Set properties for the entire Collapsible Panel widget container, or set properties for the components of the widget
individually.
1 Open the SpryCollapsiblePanel.css file.
20