title: How to hide bootbox.js modals
body: <p>I want to hide all of my <a href="http://bootboxjs.com/" rel="nofollow noreferrer">bootbox</a> modals. I currently have 2 modal and after I click on Cancel, I want to hide the all other modals.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>$('#table-grid').delegate(".requestBill", "click", function () { // store the checked checkbox ticket_id into array 
  const prop_id = $(this).data('prop_id');
  bootbox.prompt({
    title: "Request Bill",
    inputType: 'textarea',
    placeholder: 'Enter Additional Message',
    value: 'I am requesting an RPT Bill.',
    buttons: {
      confirm: {
        label: 'Submit'
      },
      cancel: {
        label: 'Cancel',
  
  
      }
    },
    callback: function (result) {
      if (result == null) {
        $.toast({
                heading: 'Note',
                text: 'Cannot request bill without describing reason(s)',
                icon: 'error',
                loader: false,
                stack: false,
                position: 'top-center',
                allowToastClose: false,
                bgColor: '#f0ad4e',
                textColor: 'white',
              });
      } else if (result == "") {
        $.toast({
                heading: 'Note',
                text: 'Cannot request bill without describing reason(s)',
                icon: 'error',
                loader: false,
                stack: false,
                position: 'top-center',
                allowToastClose: false,
                bgColor: '#f0ad4e',
                textColor: 'white',
              });
  
  
      } else {
        var fd = new FormData();
        fd.append("prop_id", prop_id);
        fd.append("content", result);
        $.ajax({
          type: "POST",
          url: base_url + "Main_declaration/request_bill",
          data: fd,
          contentType: false,
          cache: false,
          processData: false,
          beforeSend: function () {
            $(".requestBill").attr('disabled', true)
          },
          success: function (data) {
            if (data.success == 1) {
              $.toast({
                heading: 'Success',
                text: data.message,
                icon: 'success',
                loader: true,
                stack: false,
                position: 'top-center',
                allowToastClose: false,
                bgColor: '#5cb85c',
                textColor: 'white',
              });
            } else {
              $.toast({
                heading: 'Note',
                text: data.message,
                icon: 'error',
                loader: false,
                stack: false,
                position: 'top-center',
                allowToastClose: false,
                bgColor: '#f0ad4e',
                textColor: 'white',
              });
            }
          }
        });
      }
    }
  });
  </code></pre>
  
  <p>});</p>
  
  <p>What would be the syntax to hide bootbox modals(All modals)?</p>