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

  
Bootstrap modal: close current, open new
  

  A proper and clean way to get this done without addtional Javascript/jQuery. The main purpose of this demo is was to answer this 
  question on stackoverflow
  
  


  Launch Modal #1
  Launch Modal #2
  Launch Modal #3

  
  

    

     

      
      

        ×
        
Demo Modal #1
      
      

        

          

            
            Action
          
        
      
       

            ×
            Close current, Launch Modal #2
            Close current, Launch Modal #3
        
     
    
  

  
  

    

     

      
      

        ×
        
Demo Modal #2
      
      

        

          

            
            Action
          
        
      
       

            ×
            Close current, Launch Modal #1
            Close current, Launch Modal #3
        
     
    
  

  
  

    

     

      
      

        ×
        
Demo Modal #3
      
      

        

          

            
            Action
          
        
      
       

            ×
            Close current, Launch Modal #1
            Close current, Launch Modal #2
        
     
    
  

  

  
Usage:
<!-- Button trigger modal -->
<ANY data-toggle="modal" data-target="TARGET">...</ANY>

<div class="modal fade" id="SELECTOR" tabindex="-1">
  <div class="modal-dialog">
   <div class="modal-content">
    <div class="modal-body"> ... </div>
     <div class="modal-footer">           <!-- ↓ -->  <!--      ↓      -->
      <ANY data-toggle="modal" data-target="TARGET-2" data-dismiss="modal">...</ANY>
     </div>
   </div>
  </div>
</div>
 


@_elmahdim