引导创建可折叠的部件

本文将学习如何通过引导创建可折叠的部件，与以下细节

什么是必要的

你必须把jquery.js和bootstrap-collapse.js这两个Javaｓｃｒｉｐｔ文件在文件 /资产/ js文件夹。

您可以在不编写大量Javaｓｃｒｉｐｔ或调用Javaｓｃｒｉｐｔ的情况下创建可折叠组件。

例子

第一个示例演示如何在不调用Javaｓｃｒｉｐｔ的情况下创建可折叠组件。
可折叠的例子

我exapand。再次点击我崩溃。第一部分

乱数假文悲哀坐特，consectetur adipisicing ELIT，SED做过eiusmod incididunt UT等大aliqua痛苦。UT ENIM广告微量veniam，QUIS nostrud实习劳动ullamco NiSi UT在这里EA科莫多consequat。急性irure悲哀中所reprehenderit在voluptate维利特存在cillum欧盟fugiat pariatur不痛苦。excepteur圣occaecat cupidatat非proident，必须在缔约deserunt魁官mollit动画就是拉伯鲁姆。

Click me to exapand. 再次点击我崩溃。第二部分。

乱数假文悲哀坐特，consectetur adipisicing ELIT，SED做过eiusmod incididunt UT等大aliqua痛苦。UT ENIM广告微量veniam，QUIS nostrud实习劳动ullamco NiSi UT在这里EA科莫多consequat。急性irure悲哀中所reprehenderit在voluptate维利特存在cillum欧盟fugiat pariatur不痛苦。excepteur圣occaecat cupidatat非proident，必须在缔约deserunt魁官mollit动画就是拉伯鲁姆。

我exapand。再次点击我崩溃。第三部分。

乱数假文悲哀坐特，consectetur adipisicing ELIT，SED做过eiusmod incididunt UT等大aliqua痛苦。UT ENIM广告微量veniam，QUIS nostrud实习劳动ullamco NiSi UT在这里EA科莫多consequat。急性irure悲哀中所reprehenderit在voluptate维利特存在cillum欧盟fugiat pariatur不痛苦。excepteur圣occaecat cupidatat非proident，必须在缔约deserunt魁官mollit动画就是拉伯鲁姆。


解释

这里有三点需要注意：第一，在单击的链接中添加数据，并用于扩展或折叠组件。

其次，添加一个链接或数据对象属性的父组件，其值是子组件的ID。

第三、添加数据父属性创建手风琴效果。数据的父属性的值作为主容器的ID属性的值相同，div（保存整个手风琴部分）。如果你想创建一个简单的折叠部分，你不需要像手风琴一样复杂的，你不需要添加这个属性。

例子

第二个示例演示如何创建一个简单的可折叠组件。
可通过javaｓｃｒｉｐｔ实例折叠
单击我展开并单击我再次崩溃。

乱数假文悲哀坐特，consectetur adipisicing ELIT，SED做过eiusmod incididunt UT等大aliqua痛苦。UT ENIM广告微量veniam，QUIS nostrud实习劳动ullamco NiSi UT在这里EA科莫多consequat。急性irure忧伤在reprehe DUI。

电话通过Javaｓｃｒｉｐｔ

您可以使用以下代码通过Javaｓｃｒｉｐｔ触发折叠。

Collapse（）
选项、方法和事件

有一些选项，方法和事件，通过自举陷Javaｓｃｒｉｐｔ plug-in.the如下如下：

选项

父类型：值是选择器。默认值为false。当显示父元素时，父元素下的所有可折叠元素都关闭。

切换类型：值为布尔值。默认值为真。当调用时，切换所有可折叠元素。

切换类型：值为布尔值。默认值为真。当调用时，切换所有可折叠元素。

方法

折叠（选项）：触发可折叠内容。接受可选的选项对象。

。崩溃（触发）：显示或隐藏页面的可折叠的元素。

。崩溃（'show）：显示一个可折叠的页面元素。

折叠（隐藏）：隐藏一个可折叠的页面元素。

事件

显示：当调用实例实例方法时，立即触发该事件。

显示：此事件在显示折叠页面元素时被触发（并且已执行CSS转换效果）。

隐藏：当调用隐藏实例方法时，立即触发此事件。

隐藏：此事件是在可折叠页面元素隐藏于用户（以及已执行CSS转换效果）时触发的。

以上是本文的全部内容，希望能对大家有所帮助。