Bootstrap-collapse.js Hide And Show Events

I'm having a problem with boostrap-collapse.js show.bs.collapse and hide.bs.collapse events - those events do not fire up when invoked for the first time (e.g. page loads -> on.

Solution 1:

Fixed by creating event handler first and then invoking a .collapse('toggle') event:

  $("#"+invoke).on('show.bs.collapse',function(){
    // do something when enabled
  });
  $("#"+invoke).collapse('toggle');