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 finished yet, JavaScript gets the wrong height information. Any Idea to solve this issue?

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…
})