how to show bootstrap modal using jquery code example

Example 1: onclick open modal jquery

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

Example 2: onclick open modal jquery

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

Example 3: hide bootstrap modal jquery

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

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