The Spry Collapsible Panel provides an easy method to provide your users with the option to display or hide content with a simple click of the mouse. Both the content and the text on the collapsible panel trigger can be easily modified within Dreamweaver's design view, allowing you to quickly modify the default content of your panel.

As with all the spry widgets the necessary code is fully automated and written into a folder in the root of your site called SpryAssets. To generate this code, and the relevant links to the code that are placed in the head of your document and immediately before the closing body tag, all you need to do is select the appropriate icon within the Spry menu.

The Beginner's Guide to Spry Series:
A Beginner's Guide to Spry - Part 1: The Spry Tooltip Widget
A Beginner's Guide to Spry - Part 2: The Spry Collapsible Panel
A Beginner's Guide to Spry - Part 3: The Spry Accordion
A Beginner's Guide to Spry - Part 4: Spry Tabbed Panels
A Beginner's Guide to Spry - Part 5: Spry Menu Bar ...

Related Articles

• Introducing CMX JumpStart Siberia
• Dreamweaver's Built-In CSS Help Features: Part 2 - CSS Layout Box Model
• Dreamweaver Built-In CSS Help Features - Part 1: CSS Layout Outlines
• The CSS Starter Page Series Part 6b: Adding Navigation Schemes Part Two
• A Beginner's Guide to Spry - Part 5: Spry Menu Bar
• The CSS Starter Page Series Part 6A: Adding Navigation Schemes
• A Beginner's Guide to Spry - Part 4: Spry Tabbed Panels
• A Beginner's Guide to Spry - Part 3: The Spry Accordion
• Introducing CMX JumpStart: Nairobi Flexible
• CMX JumpStart: Nairobi-Flexible

• CMX JumpStart: Isle of Skye
• Introducing CMX JumpStart Isle of Skye
• Embedding Flash Content, Demystified - Part 1: Introduction
• CMX JumpStart: Landeck
• A Beginner's Guide to Spry - Part 1: The Spry Tooltip Widget
• Making Your Own FAQ - Part 3: Adding Comments and Feedback
• A Beginner's Guide to Dreamweaver Templates - Part 4: Repeat Regions
• A Beginner's Guide to Dreamweaver Templates - Part 5: Nested Templates
• Introducing CMX JumpStart Landeck
• A Beginner's Guide to Dreamweaver Templates - Part 2: Editable Attributes