Problema com <iframe>

[Zerfeus 0]

Boa tarde. adicionei 5 iframes a home do meu site. O problema é que quando abro do segundo iframe em diante, os anteriores continuam abertos por trás.

Cada iframe possui um botão pra fechar, mas eu queria que quando clicasse para abrir um outro iframe, o anterior se fechasse automaticamente.

 

Grato pela a atenção

[Paulo Pimentel 1]

Favor, passe o código para que possamos analisar.

[Zerfeus 0]

 

<li class="dock"><a href="#" class="md-trigger" data-modal="modal-1"><img src="img/menu/002.png" alt="" class="img-responsive" id="img_dock"><p id="case">Congresso</p></a></li>
 
<div class="col-md-6">
        <div class="md-modal md-effect-5" id="modal-1">
          <div class="md-content">
            
            <div>
              
              </div>
              <p class="conteudo">
              <iframe src="slides/congressos.html" width="800" height="500" scrolling="no" frameborder="0" align="right">
              </iframe>
              </p>
              <div class="clear"></div>
              <button class="md-close">Fechar</button>
            </div>
          </div>
        </div>
      </div>
      <div class="md-overlay"></div><!-- the overlay element -->
      <div class="clear"></div>
 

e nao achei tudo js dele nao, mas oque eu achei esta ai:

 

 

 

 

 

var ModalEffects = (function() {
 
function init() {
 
var overlay = document.querySelector( '.md-overlay' );
 
[].slice.call( document.querySelectorAll( '.md-trigger' ) ).forEach( function( el, i ) {
 
var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ),
close = modal.querySelector( '.md-close' );
 
function removeModal( hasPerspective ) {
classie.remove( modal, 'md-show' );
 
if( hasPerspective ) {
classie.remove( document.documentElement, 'md-perspective' );
}
}
 
function removeModalHandler() {
removeModal( classie.has( el, 'md-setperspective' ) ); 
}
 
el.addEventListener( 'click', function( ev ) {
classie.add( modal, 'md-show' );
overlay.removeEventListener( 'click', removeModalHandler );
overlay.addEventListener( 'click', removeModalHandler );
 
if( classie.has( el, 'md-setperspective' ) ) {
setTimeout( function() {
classie.add( document.documentElement, 'md-perspective' );
}, 25 );
}
});
 
close.addEventListener( 'click', function( ev ) {
ev.stopPropagation();
removeModalHandler();
});
 
} );
 
}