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

You need to handle the hidden event on the collapse plugin.

From Docs

hidden - This event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).

$('#myCollapsible').on('hidden', function () {
  // do something…
})

As pointed by @Francesc in the comment for Bootstrap 3.0 we have to use

$('#myCollapsible').on('hidden.bs.collapse', function () {
  // do something…
})