bootstrap modal on hide event

To handle the "hide" event of a Bootstrap modal, you can use the hidden.bs.modal event. This event is triggered when the modal has finished being hidden from the user. Here's an example of how you can use this event:

$('#myModal').on('hidden.bs.modal', function () {
  // Your code here
});

In the code above, #myModal is the ID of the modal element. You can replace it with the ID of your specific modal. Inside the event handler function, you can write the code that you want to execute when the modal is hidden.

For example, if you want to perform some actions when the modal is hidden, you can add your code inside the event handler function like this:

$('#myModal').on('hidden.bs.modal', function () {
  // Perform some actions here
  console.log('Modal hidden');
  // more code...
});

In the example above, the code inside the event handler function will be executed when the modal is hidden. You can replace the console.log('Modal hidden') with your own code.

Remember to include the Bootstrap JavaScript file and jQuery library in your HTML file for the modal events to work properly.

I hope this helps! Let me know if you have any further questions.