Bootstrap 4 modal window in modal window?

Question

Bootstrap

In general, the problem is this: I have a button on bootstrap 4 that, when clicked, a modal window appears, with a suggestion to log in or register. And when you click on the login button, another modal window appears with a login form, but the problem is that I don’t know how to close the previous modal window. It stays in the background.

Tell me, please, how to solve this problem?

Answer 1

Write a function that, on click, will close the first window and open the second one. All methods are in the bootstrap documentation

$('.login-btn').click(function(){
   $('#Modal1').modal('hide')
   $('#Modal2').modal('show')
})