Bootstrap modal: close current, open new

Question

I have looked for a while, but I can\'t find a solution for this. I want the following:

• Open an URL inside a Bootstrap modal. I have this working off course. S

Answer 1

I have exact same problem, and my solution is only if modal dialog have [role="dialog"] attribute :

/*
* Find and Close current "display:block" dialog,
* if another data-toggle=modal is clicked
*/
jQuery(document).on('click','[data-toggle*=modal]',function(){
  jQuery('[role*=dialog]').each(function(){
    switch(jQuery(this).css('display')){
      case('block'):{jQuery('#'+jQuery(this).attr('id')).modal('hide'); break;}
    }
  });
});