<h1><p>折叠2</p></h1>
<h1><p>折叠3</p></h1>
<h1><p>折叠4</p></h1>
需要js来，最好用jquery来实现
只需要给h1绑定事件，单件它的时候，设置它的p属性，display:none。
思维导图软件如下：
1、XMind
XMind 是一个开源项目，这意味着它可以免费下载并自由地使用。 XMind 也有 Plus/Pro 版本，提供更专业的功能。除了地图结构， XMind 同时也提供树，逻辑和鱼骨图，具有内置拼写检查，搜索，加密，甚至是音频笔记功能。
2、Coggle
Coggle 是一个免费的在线协作思维导图工具，让您直观地用一个精美的呈现分支结构定义的连接。它可以让你制作出漂亮的笔记，方便快捷。与朋友和同事分享，和他们协同工作，展现你的想法。
3、Mindmaps
这是一个开源的应用程序，使任何人都可以轻松地创建好看的思维导图。它可以创建分支（子想法）与无限层级，其中所有这些都互相连接。它是完全基于 HTML5，CSS3 和JavaScript 实现的。
4、FreeMind
FreeMind 是用 Java 编写的免费心智图软件。最近的发展希望把它变成高生产力的工具。操作 FreeMind 的导航比 MindManager 快，因为它有一键式"折叠/展开"和"跟随链接"操作。
5、GitMind
这是一款实现了全平台通用的思维导图软件，只要登录同一个账户所有数据都会实时同步，对于需要跨设备使用的朋友来说非常方便，电脑编辑好的内容在通勤路上依然继续能用平板编辑。
软件没有节点数量的限制，支持导出多种格式也没有水印，基础功能全部都齐全，是一款我爱不释手的思维导图软件。
-webkit-transition:all 2s ease-in-out"针对谷歌浏览器设置的css3动画"-webkit-box-shadow:0 5px 5px black"针对谷歌浏览器设置的投影"
