title: Testing jQuery .hide() and .show() separated by alert: div not hiding
body: <p>Here is extremely basic code:</p>
  
  <pre><code>$('.myDiv').click(function() {
  
      $('.anotherDiv').hide();
      alert('pause the ui');
      $('.anotherDiv').show();
  });
  </code></pre>
  
  <p>When I do the above, and the alert shows, the <code>.anotherDiv</code> still shows.  I am expecting it to be hidden.</p>
  
  <p>If I remove the line: <code>$('.anotherDiv').show();</code> then that div does hide.  So I know that jQuery knows his div exists.</p>
  
  <p>I am expecting an alert to pause the UI before it re-shows the div.  Is this not how JavaScript/jQuery works?</p>