javascript modal

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

$('#delete-file-modal').on('show.bs.modal', function (event) {
    console.log(event.relatedTarget);
});

<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>

<!-- 
The Modal -->
<div id="myModal" class="modal">

  <!-- Modal 
content -->
  <div class="modal-content">
    
<span class="close">×</span>
    <p>Some text in the 
Modal..</p>
  </div>

</div> 

 $("#sticky").modal({
  escapeClose: false,
  clickClose: false,
  showClose: false
});

<style>
 #modal { position: fixed; z-index: 101; top: 33%; left: 25%; width: 50%;}
</style>
        <div id="modal">
        </div>