title: How to change bootstrap modal dialog so that it has no animation while showing but fade outs slowly?
body: <p>I am using bootstrap modal dialog. I need to change it so that the modal appears quickly without any animation. But when it closes, it should fade out slowly. so, that the animation is visible. </p>
  
  <p>Below is my html code for the popup.</p>
  
  <pre><code>&lt;div class="modal" id="pleaseWaitPopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt;
      &lt;div class="modal-dialog" role="document"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body text-center"&gt;
                  &lt;p&gt;&lt;i class="fa fa-spinner fa-5x fa-spin fa-pulse" aria-hidden="true"&gt;&lt;/i&gt;&lt;/p&gt;
                  &lt;p class="light-gray-pop"&gt; Processing Your Request.&lt;/p&gt;
                  &lt;h3&gt; PLEASE WAIT&lt;/h3&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and below is the js for showing the modal dialog.</p>
  
  <pre><code>$('#pleaseWaitPopup').modal({
              backdrop: 'static',
              keyboard: false
  });
  </code></pre>