How to close all active bootstrap modals on session timeout?

Question

I need to make a call when the user is idle and passes the session time out that will close all Bootstrap modals. The modals being active are dependent on what the user is doing at the time so I would like to do something that's is all encompassing.

I tried:

$('.modal').modal('toggle'); 

When the time out occurs but my modals are still there.

Answer 1

Use the following code:

$('.modal').modal('hide'); 

Also if you would like to do something if the modal is hidden then you can do this:

$('.modal').on('hidden', function () {   // write your code }); 

Answer 2

The correct answer is missing something vital.

$('.modal').modal('hide') // closes all active pop ups. $('.modal-backdrop').remove() // removes the grey overlay. 

The second line is vital if you want the users to use the page as normal.