jquery multiples sélecteurs, fade in et hors

Question

j'ai ma click fonction

$("#productlink1").click(function() { 
    $('#productstitle').fadeOut(1000, function(){ 
     $('#productstitle').html('<h4>Corporate Promotions </h4>').fadeIn(1000); 
     }); 
    $('#productscontent,#flexibility').fadeOut(1000, function(){ 
     $('#corporate').fadeIn(1000); 
     }); 

    remove(); 
    $(this).addClass('active'); 
return false; 
}); 

Alors, quand je clique sur le lien, le titre disparaît alors le nouveau titre apparaît en fondu, tout fonctionne bien

Cependant, la deuxième morceau de code, le fondu en comparaît devant le fondu, cette ligne

$('#productscontent,#flexibility').fadeOut(1000, function(){ 
      $('#corporate').fadeIn(1000); 
      }); 

Cependant, si je viens d'un élément sélectionné, il fonctionne très bien

$('#productscontent').fadeOut(1000, function(){ 
       $('#corporate').fadeIn(1000); 
       }); 

Existe-t-il un problème avec plusieurs sélecteurs?

Merci

Answer 1

http://jsfiddle.net/XgtVw/

$('#link').click(function() { 
    $("#div1, #div2").each(function(){ 
    $(this).fadeOut(1000, function(){ 
     $('#div3').fadeIn(1000); 
    }); 
}); 
}) 

Answer 2

De l'jQuery .fadeOut() documentation:

Si plusieurs éléments sont animés, il est important de noter que le rappel est exécutée une fois par élément adapté, pas une seule fois pour l'animation dans son ensemble .

Answer 3

DEMO

vous espérons que vous avez caché dans un premier temps l'élément corporate

$(document).ready(function(){ 
    $("#corporate").hide();  // hiding corporate on document load 
    $("#productlink1").click(function() { 
     $('#productstitle').fadeOut(1000, function(){ 
      $('#productstitle').html('<h4>Corporate Promotions </h4>').fadeIn(1000); 
      }); 
     $('#productscontent,#flexibility').fadeOut(1000, function(){ 
      $('#corporate').fadeIn(1000); 
      }); 

     remove(); 
     $(this).addClass('active'); 
    return false; 
    }); 
    }); 

Answer 4

Merci pour toutes les suggestions, je ne pouvais pas sembler obtenir ce qui précède pour travailler ,

essentiellement comme l'élément est caché, sa décoloration immédiatement, une « aki » autour pour moi était juste d'ajouter un délai

$("#productlink1").click(function() { 
    $('#productstitle').fadeOut(1000, function(){ 
     $('#productstitle').html('<h4>Corporate Promotions </h4>').fadeIn(1000); 
     }); 
    $('#productscontent,#flexibility').fadeOut(1000, function(){ 
     $('#corporate').delay(1000).fadeIn(1000); 
     }); 

    remove(); 
    $(this).addClass('active'); 
return false; 
}); 

Cet arrêté le fondu jusqu'à ce que les autres éléments avaient estompé , ce n'est pas comment je voulais le réparer mais ça marche pour le moment.

Avec les autres réponses même qui se passait

éléments déjà cachés seraient devenus 1er