title: fadeIn as callback function after fadeOut doenst work as expected
body: <p>In my HTML a#navInnerMapR and a#navInnerMapL are contained within div#navTwo.</p>
  
  <p>The following code is within a function. When called, I need the function to fadeOut any visible links in div#navTwo, pause for a moment, and then fadeIn a#navInnerMapR. </p>
  
  <pre><code>$('div#navTwo a').fadeOut(200, function() {
      $('a#navInnerMapR').delay(100).fadeIn(200);
  });
  </code></pre>
  
  <p>The code fades out the links but doesn't fade anything in. I thought that they delay would only start once the fadeOut finishes, however changing the delay value to 1000 makes it sometimes work but its very buggy. Thanks </p>
  
  <p>UPDATE Here is a fiddle showing that the hidden link starts to be shown before the visible is hidden: <a href="http://jsfiddle.net/jamesbrighton/d9QKr/5/" rel="nofollow">http://jsfiddle.net/jamesbrighton/d9QKr/5/</a></p>
  
  <p>UPDATE Apologies, my question doesnt include the full details of what I need to achieve. I simplified it as I thought I just had some sort of sytax issus that could be easily fixed.</p>
  
  <p>div#navTwo actually contains 3 links. At any point (other than the delay before animations run) only 1 link is visible. I need to be able to call a function that will hide either of the other 2 links that are being shown, and then show a#navInnerMapR. </p>
  
  <p>Different events will call this function, so either of the 2 links that arn't a#navInnerMapR may be visible. Thanks</p>
  
  <p>UPDATE I think this fiddle illustrates the issue. Ive created 2 div.nav's to illustrate different states. Ive hidden different links with inline CSS in each one. JavaScript will be showing and hiding the links in my div repeatedly, so the same div will look like each example at different times. </p>
  
  <p>Ive created 2 triggers to illustrate that different events will need to call the function. When you click on a trigger you can see the issue with both examples. The visible divs are not hidden before the a.one is shown. Thanks for your patience! </p>
  
  <p><a href="http://jsfiddle.net/jamesbrighton/dYvMS/24/" rel="nofollow">http://jsfiddle.net/jamesbrighton/dYvMS/24/</a></p>
  
  <p>Interesting point, if I change $('.nav a.one').fadeIn(1000); to an alert, the alert fires multiple times! No idea why this would be the case! </p>