bootstrap 隐藏元素_Bootstrap中折叠面板的样式内容

9ceb97e21271f5f2b23ce43b096d378b.png

Bootstrap折叠板插件允许你在网页中用一点点JavaScript以及CSS类切换内容,控制内容的可见性。它是一个灵活的插件,使用少量的类(来自必需的过渡插件),以方便切换行为。

运作方式

插件用于显示和隐藏内容。 按钮或锚点用作触发器,映射到您切换的特定元素。 折叠元素会将height从其当前值设置为0。使用CSS处理动画的方式,您不能在.collapse上使用padding相反,使用该类作为独立的包装元素。

示例

  • .collapse 隐藏内容
  • .collapsing 带动态效果的切换
  • .collapse.show 显示内容

你可以使用带href属性的连接,、或者带data-target属性的按钮来创建折叠效果-这两种情况下data-toggle="collapse"属性都是必须的。

坑爹

坑爹一般用于讽刺、嘲笑或吐槽不满。意指与本人意愿有很大出入,有欺骗的意思,又包含了几丝“不给力”的意思成分。该网络用语“坑爹”一词最早出现于网络游戏魔兽世界。

055f385417bd03875c0c3dc8718c200b.png

多目标控制

可以在

屌丝 [1]来源于中国大陆地区的中国网络文化。表达意思是讽刺;另一意思是指喻不方便明言或不合适直言的隐语,多用于熟人之间互侃或者互贬。同时指的是比喻自嘲。多用自嘲来活跃气氛,屌丝一词传用至今已无特定人群的界限,多用于朋友,熟人之间的戏侃。土豪,网络用语。原指乡下财大气粗、没什么品味的有钱人,现多指有钱、不理性消费、喜欢炫耀的人。出自《宋书·殷琰传》:“叔宝者,杜坦之子,既土豪乡望,内外诸军事并专之。”女神是一个汉语词语,拼音是nǚshén,意思指对女性的神明或至尊的称谓,特指神话传说中的女性至高者。后来引申为容貌漂亮、具有智慧、优雅、贞洁以及高素质的女性。在现代社会,女神常用来定义男性心目中喜爱,但难以成为真正恋爱对象的女生。

c7c18d3e81f1f8191383246753b4b42a.png

手风琴折叠范例


屌丝 [1]来源于中国大陆地区的中国网络文化。表达意思是讽刺;另一意思是指喻不方便明言或不合适直言的隐语,多用于熟人之间互侃或者互贬。同时指的是比喻自嘲。多用自嘲来活跃气氛,屌丝一词传用至今已无特定人群的界限,多用于朋友,熟人之间的戏侃。屌丝 [1]来源于中国大陆地区的中国网络文化。表达意思是讽刺;另一意思是指喻不方便明言或不合适直言的隐语,多用于熟人之间互侃或者互贬。同时指的是比喻自嘲。多用自嘲来活跃气氛,屌丝一词传用至今已无特定人群的界限,多用于朋友,熟人之间的戏侃。屌丝 [1]来源于中国大陆地区的中国网络文化。表达意思是讽刺;另一意思是指喻不方便明言或不合适直言的隐语,多用于熟人之间互侃或者互贬。同时指的是比喻自嘲。多用自嘲来活跃气氛,屌丝一词传用至今已无特定人群的界限,多用于朋友,熟人之间的戏侃。

700c3ab4e5b95e0734d7b90b074d5d75.png

js的方法与事件 $('.collapse').collapse()

方法:

.collapse(options):启用你的可折叠对象,通过object方法。

.collapse('toggle'):即发生shown.bs.collapsehidden.bs.collapse事件前)返回给调用者。

.collapse('show'):显示可折叠元素,在可折叠元素实际显示之前(即shown.bs.collapse事件发生之前)返回给调用者。

.collapse('hide'):隐藏可折叠元素,在可折叠元素实际上被隐藏之前(即hidden.bs.collapse事件发生之前)返回给调用者。

.collapse('dispose'):销毁一个元素的折叠。

事件:

事件类型描述
show.bs.collapse当调用show 方法时,会立即触发事件。
shown.bs.collapse用户可见折叠面板中的块时,会触发此事件(需要等CSS加载过渡完成)。
hide.bs.collapse当调用hide 方法时,立即触发该事件。
hidden.bs.collapse当折叠面板中的块对于用户完全隐藏时(需要等CSS加载过渡完成),会触发该事件)。

Bootstrap中折叠面板的样式内容

坑爹

坑爹一般用于讽刺、嘲笑或吐槽不满。意指与本人意愿有很大出入,有欺骗的意思,又包含了几丝“不给力”的意思成分。该网络用语“坑爹”一词最早出现于网络游戏魔兽世界。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部