12-问题

13.3.1　问题

人们使用折叠控件的情形可能类似于文件树。两者的样式很类似：附加信息开始时不可见，在用户进一步交互的时候显示。但是，它们之间也有不同，折叠控件不是用来包含整个数据分类的，而更多地用作将注意力吸引到网站或者产品多个侧面的一种新颖界面。折叠控件的一个例子可以在http://www.apple.com/iphone上看到。各个信息面板可以在用户空闲的时候展开，不需要完全占据分配给边栏的垂直空间。折叠就像图书馆里的高密度或者活动书架一样节约空间，使得每个通道能够存放多个架子，而不像固定货架那样，每个通道上只能摆放一个。

值得注意的是，jQuery UI折叠组件是高度可自定义的，并且可以指定与其余UI部件相匹配的主题/皮肤。你可以在http://jqueryui.com/demos/accordion上看到折叠的示例。使用官方窗口组件的好处是能得到jQuery UI的正式支持，并且能够持续发展，变得更加健壮。潜在的缺点是如果你所需要的只是一个简单的折叠组件，就需要较多的额外代码。反过来说，选择构建自定义折叠组件的原因之一就是为了较小的代码占用量。这造成了无法实现像素级别的精确动画以及必须设置每个折叠面板的像素高度的缺点。建议你综合考虑两种方案，选择最适合项目的做法。