Closing Bootstrap modal onclick

Question

I am using a Bootstrap modal for users to choose product options before adding an item to their cart. I\'ve used them before in this scenario with no issues but this one isn\'t

Answer 1

Close the modal with universal $().hide() method:

$('#product-options').hide();

Answer 2

You can hide the modal and popup the window to review the carts in validateShipping() function itself.

function validateShipping(){
...
...
$('#product-options').modal('hide');
//pop the window to select items
}

Answer 3

If the button tag is inside the div element who contains the modal, you can do something like:

<button class="btn btn-default" data-dismiss="modal" aria-label="Close">Cancel</button>

Answer 4

Close the modal box using javascript

$('#product-options').modal('hide');

Open the modal box using javascript

$('#product-options').modal('show');

Toggle the modal box using javascript

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

Means close the modal if it's open and vice versa.