在图书馆翻到了《渐进增强的Web设计》，书中基于jQuery构建了许多组件，在此一一记录。

有一些实现思路其实很简单，我也不会把代码粘过来，只是记录一下注意事项技巧神马的，对重要的代码简单标记。

可折叠内容，其实就是点击显示和隐藏某部分区域。

1、body字体设置： 

body {font-size: 62.5%;}

这样基准字体被设置成百分比的形式，所以任何指定的em都会简单的转换成px，1.5em相当于15px，2.2em相当于22px。

2、先编写一般性的css，然后编写用于特定元素的增强css。

3、对于jQuery，使用自定义事件，在适当的时候触发。

//绑定自定义事件$(‘#id‘).bind(‘myevent‘, function() {    ......});//合适的时候触发$(‘#id‘).trigger(myevent‘);

渐进增强的Web设计 —— 可折叠内容