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. So the content is loaded dynamically.
* When an user pushes a button inside this modal, I want the current modal to hide, and immediately after that, I want a new modal to open with the new URL (which the user clicked on). This content of the 2nd modal is also loaded dynamically.
* If the user then closes that 2nd modal, the first modal must come back again.

I have been staring at this for days, hope someone can help me.

Thanks in advance.

Answer: 
```
data-dismiss="modal" 

```

it is used to close the existing opened model. you can set it to the new model
If you want to close the previously opened modal while opening the new modal then you must do it from javascript/jquery by first closing the current open modal and then give a 400ms timeout to allow it to close and then open the new modal like below code : 

```
$('#currentModal').modal('hide');

setTimeout(function() {
       //your code to be executed after 200 msecond 
       $('#newModal').modal({
           backdrop: 'static'//to disable click close
   })
}, 400);//delay in miliseconds##1000=1second

```

If you try to do it with the `data-dismiss="modal"` then it will have the scroll issue as mentioned by @gravity and @kuldeep in comments.