JAVASCRIPT

hide bootstrap modal jquery

$(document).ready(function(){
        $(".btn").click(function(){
            $("#myModal").modal('hide');
        });
});

Bootstrap modal hide and show

$('#myModal').modal('hide');
$('#myModal').modal('show');

bootstrap modal on hide event

$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
});

bootstrap 4 modal hidden event

/* This event is fired when the modal has finished being hidden from the user 
 * (will wait for CSS transitions to complete).
 */
$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
})

hide bootstrap modal jquery

$(() => {
  $(".btn").on('click', function(){
    $("#myModal").modal('hide');
  });
});