How to trigger a JavaScript function after “Bootstrap: collapse plugin” transition is done

Question

I\'m trying to re-size iframe height after Bootstrap: collapse plugin transition is finished. Click event doesn\'t work because the transition is not f

Answer 1

If you are using bootstrap 3.0 its pretty easy. shown.bs.collapse is the event that is fired when the element shown transition is complete. I believe you are looking for something like this.

$('#myCollapsible').on("shown.bs.collapse", function(){
 //trigger content change
 //this code will be triggered when the collapse transition is completed 
 //that is your myCollapsible element will have 'in' in your class
});