一个点击展开平平无奇，但很多个点击展开，就会变得非常美妙！
今天给大家演示如何利用简单的点击展开，排出一个具有电影般的山峦重叠感的排版效果。
以广汽集团的一篇推文为例，多个展开效果重复使用，山峦错落交叠，美感和信息量直接拉满。
点击体验案例效果：
*素材来自广汽集团世界环境日｜走，去地球的神秘之地
组合：点击消失+展开(设置触发区域)
编号：11186（组件）
如何实现这种重叠感呢？
很简单，使用i排版SVG编辑器的「边距」功能，将展开组合的上方外边距调整为一定的负值，让后面的展开组件压住前面展开组件的一部分内容就可以啦！
另外需要注意图片素材的设计。为了更好的视觉呈现效果，展开前图片上方建议留出透明空白空间，以便露出前一组图层，更好地展示重叠效果。
展开后图片的最后一张末尾，最好也预留出一段没有重要信息的空间，高度大于之前设置的负边距，算是展开后可能被压住的安全距离。
如下所示：
一起跟着教程来尝试一下吧。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组合：点击消失+展开(设置触发区域)
编号：11186 （组合）
第1步：设置展开效果
①编辑「点击消失+展开」组合
登录i排版SVG编辑器，点击编辑器左侧「组合」按钮，在「花样展开」分类中找到「点击消失+展开(设置触发区域)」组件，或者直接搜索组合编号11186 ，点击选择。
点击「编辑组合」，进入组合编辑模式。在组合编辑模式中，我们需要分别设置展开前和展开后的内容。
②设置展开前内容
点击展开前区域，接着点击右侧「换图」按钮上传展开前图片。
双击展开前区域上传的图片调整触发区。
③设置展开后内容
想要设置展开后内容，我们首先要确认展开后的内容有哪些交互效果，会用到哪些交互组件，然后在左侧依次拖动相应组件到展开后区域组件位中。
这次的案例有两张无缝图，我们可以拖动一个「批量无缝图」组件到组件位中，然后点击右侧「+」号上传图片。
④设置展开时长
点击空白区域，在右侧「组件配置」中设置切换时长和展开时长。
⑤保存并退出
内容编辑完毕后，点击左上角「保存并退出」组合编辑模式来到首页。
第2步：增加多个展开
继续选择「点击消失+展开」组合（编号：11186），按照第1步的步骤进行设置。
第3步：调整组件外间距
将展开组合的上方外边距调整为负数，这里的数值根据我们想要重叠的范围来定。
第4步：预览效果并导入公众号后台
点击页面最右侧「预览草稿」可随时预览效果，尽量使用手机扫码预览。
效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
