title: jQuery callback function not waiting for completion
body: <p>I'm having trouble with a multiple DIV menu system. I have 3 divs for 3 separate displays on the same page. By default the "about" div displays. When you click Contact or Resume, the About div should slide up before either of the other divs slide down. Clicking other menu choices will have the same result.</p>
  
  <p>Here's the basic layout of the page:</p>
  
  <pre><code>&lt;div id="menutabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#" name="divAbout"&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" name="divContact"&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" name="divResume"&gt;&lt;span&gt;Résumé&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the container divs have IDs that match the link names.</p>
  
  <p>The jQuery:</p>
  
  <pre><code>$("a").click(function () {
      var divname = this.name;
      $("#"+divname).siblings(".contentbox").slideUp("slow", function() {
          $("#"+divname).slideDown("slow");
      });
      return false;
  }); 
  </code></pre>
  
  <p>The problem is that I wrote the code with only 2 divs on the page and it worked perfect. The callback function did not execute until the first div was done sliding up. However, when I added a 3rd div, it no longer waits. </p>
  
  <p>I have commented out multiple divs to confirm that the issue was specifically just having 3 divs on the page, as it didn't act this way no matter which 2 divs I left uncommented.</p>
  
  <p>Any ideas?</p>