jquery / css折叠动画效果

Question

如何通过点击孩子来创建水平折叠'div'的效果（见下文）？

Answer 1

通过两个使用CSS 3D相互折叠的平面实现效果。 （透视与变换）

平面需要显示内容，但由于它们是两个独立的元素，我们需要获取原始内容并将DOM复制到我们折叠的两个平面中。

然后使用CSS过渡来为折叠转换设置动画。

你拥有的折叠越多，所需的平面就越平坦，内容重复。

完整实施的一个例子是：http://felixniklas.com/paperfold/