创建data_HTML中如何创建折叠菜单（collapse插件）

Hi，好久不见，今天我们在这里给大家介绍一下折叠(collapse插件)的使用，折叠插件简单来讲在网站上创建可折叠部分，默认垂直向下折叠。可以在点击链接或按钮时显示或隐藏某个部分需要引用BootStrap的css以及javascript库。

那么我们该如何创建呢？

首先我们先在HBuilder创建项目，创建好项目之后进行插件引用，接下来开始编写。

创建按钮时设置其data-toggle=“collapse“, data-target=”#div1“ ，其中data-target的值为被折叠部分的ID。

创建折叠部分，容器可以为

、、等，当为这些元素以外时，需要先进行测试是否能正确工作。

接下来看代码，如下：

你若安好，便是晴天。

看这天气，你应该是……

运行结果：

接下来再给大家介绍两种折叠的使用方法，话不做说，看代码：

你若安好，便是晴天。

你若安不好，那么......

运行结果如下：

那么我们如何让折叠展开时匀速缓慢的打开呢？接下来看代码：(匀速展开无法演示就不放图了)

那么这里呢？

第一

第二

第三

第四

第五

完整代码如下：

那么在实际生活中，如果我们想要使用者能看到一定的内容，点击后再看到剩下的内容该怎么做呢？在下一篇中将会为大家介绍。

今天就到此结束了，如果大家有什么不懂的地方欢迎留言或私信，有什么错误的地方欢迎大家批评指正。

求关注，求阅读量，谢谢大家！

Java中如何迭代集合中的元素

LinkedList的使用方法

上官婉儿连招教学，砖石说是它，而王者却说

如何在ArrayList集合中存取元素

如何编写提示框(Tooltip)