title: jquery multiple selectors, fade in and out
body: <p>I have my click function</p>
  
  <pre><code>$("#productlink1").click(function() {
      $('#productstitle').fadeOut(1000, function(){
          $('#productstitle').html('&lt;h4&gt;Corporate Promotions &lt;/h4&gt;').fadeIn(1000);
          });
      $('#productscontent,#flexibility').fadeOut(1000, function(){
          $('#corporate').fadeIn(1000);
          }); 
  
      remove();
      $(this).addClass('active');
  return false;
  });
  </code></pre>
  
  <p>So when i click the link, the title fades out then the new title fades in, all works okay</p>
  
  <p>However the second piece of code, the fade in is appearing before the fade out, this line</p>
  
  <pre><code>$('#productscontent,#flexibility').fadeOut(1000, function(){
              $('#corporate').fadeIn(1000);
              });
  </code></pre>
  
  <p>However if i just have one element selected it works fine</p>
  
  <pre><code>$('#productscontent').fadeOut(1000, function(){
                  $('#corporate').fadeIn(1000);
                  });
  </code></pre>
  
  <p>Is there an issue with multiple selectors?</p>
  
  <p>Thanks</p>