JQuery несколько селекторов, исчезают и из

Question

У меня есть щелчок функция

$("#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; 
}); 

Так что, когда я нажимаю на ссылку, название затухает, то новое название выцветает, все работает нормально

Однако вторая часть кода, увядание в появляется перед гаснуть эта линия

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

Однако, если я только что один элемент, выбранный его работает отлично

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

Есть ли проблема с несколькими селекторами?

Благодаря

Answer 1

http://jsfiddle.net/XgtVw/

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

Answer 2

От jQuery .fadeOut() documentation:

Если несколько элементов анимации, важно отметить, что обратного вызова выполняется один раз в совпавшего элемента, а не один раз для анимации в целом ,

Answer 3

DEMO

Надеется, что вы скрыли элемент 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

Спасибо за все предложения, я никак не мог заставить выше работать ,

по существу, как элемент скрыт, его выцветание сразу, а «Hacky» способ обойти это для меня было просто добавить задержку

$("#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; 
}); 

Это остановило фейдер, пока другие элементы не были затемнены , его не так, как я хотел исправить это, но он работает пока.

С другими ответами то же самое, что происходит

элементы уже скрыты будет исчезать первый