Bootstrap 折叠插件Collapse 事件

事件

Bootstrap还为折叠组件Collapse提供了一组事件，通过这些事件，可以监听用户的行为及折叠组件的状态。这些事件及含义见表 5‑8。表 5‑8 折叠插件的事件及含义

事件	含义
show	调用show方法时，立即触发该事件
shown	当可折叠元素对用户完全可见（会等待过渡效果执行结束）后，触发该事件
hide	调用hide方法时，立即触发该事件
hidden	当可折叠元素对用户完全不可见（而且过渡效果执行完毕）后，触发该事件

例如，要在可折叠元素对用户完全可见时，将内容区的文本颜色改为橙色，代码可以这么写：

<script>

$('.collapse').collapse({

  parent: "#accordion2" 

});

$('.accordion-toggle').click(function(){

  $(this).parent().next().collapse('toggle');

});

$('.accordion-body').on('show', function(e){

  $(e.target).css({"color":"#f60"});

});

</script>

版权声明：本文出自 歪脖网 的《Bootstrap教程》，欢迎在线阅读，并提出宝贵意见。