我们都使用过QQ聊天软件，当选择“QQ好友”、“QQ群”或“最近联系人”时，单击该名称就可上下自由滑开所选择的内容而整个窗口不会发生变化。同样，在网页应用中，我们曾经为这些的“QQ菜单”而绞尽脑汁，现在，使用Spry accordion轻松搞定。
测试地址：http://www.dreamweavercs3.cn/demo/spry/spry_04.html
4，Spry Collapsible Panel
当我们在设计一个FAQ的页面时，总希望让浏览者尽可能多的看到许多“问题”的题目，当某个“问题”正适合该用户时，可单击该“问题”，一个隐藏的“答案”出现了——遇到这个问题，是否已经想到了显示/隐藏层呢？不过操作过的人都清楚，“问题”的越来越多，所做的重复工作也越多，SO，Spry collapsible panel的出现可以让我们轻松许多。
测试地址：http://www.dreamweavercs3.cn/demo/spry/spry_05.html