show bootstrap modal jquery code example

Example 1: onclick open modal jquery

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

Example 2: hide bootstrap modal jquery

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

Example 3: jquery on modal show

$(window).on('shown.bs.modal', function() { 
    $('#code').modal('show');
    alert('shown');
});

Example 4: how to show bootstrap modal

<script>
    var myModal = new bootstrap.Modal(document.getElementById('ModalID'))
    myModal.show()
</script>

Example 5: onclick open modal jquery

$('#my-modal').modal({
    show: 'false'
});

Tags:

Html Example