title: Stop or hide loading panel when start an Ajax action
body: <p>I have this portion of code globally to show the loading panel in my page.</p>
  
  <pre><code>$(document)
  .ajaxStart(function () {
      $('#loadingPanel').fadeIn();
  })
  .ajaxStop(function () {
      $('#loadingPanel').fadeOut();
  });
  </code></pre>
  
  <p>So, it will automatically show the loading panel anytime that I call an ajax action like this:</p>
  
  <pre><code>$.ajax({
      type: "GET",
      url: "localhost:8080/api/data/Test/GetData",
      success: doSomething
  });
  </code></pre>
  
  <p>But just in a particular case I want to avoid displaying the loading panel. Is there a way to call the </p>
  
  <pre><code>$('#loadingPanel').hide();
  </code></pre>
  
  <p>within this code .ajax action or there's a workaround to avoid the loading panel for just some ajax actions instead of calling the fadeIn and fadeOut of each ajax action.</p>