jquery synchrones Ausblenden und Fadeto mit verschiedenen Elementen

Question

Ich versuche, eine Lösung für das folgende Problem zu bekommen.

synchrones Ausblenden und FadeTo mit verschiedenen Elementen.

sollte die Seite Verhalten wie dieses sein - Seite laden - Inhalt versteckt - Menü angezeigt - Inhalt fadeIn und Menü fadeTo Opazität 0.0

mein snippset Code

 
$(document).ready(function(){ 
     $(".content_main").hide(); 
     $(".content_main").fadeIn(8000); 
     $(".header > ul").ajaxSend(function(){this.fadeTo("8000", 0.0)}); 
}); 

aber dieses isn 't synchron, irgendein Hinweis ??

Answer 1

Versuchen Sie folgendes:

$(document).ready(function(){ 
     $(".content_main").hide(); 
     $(".content_main").fadeIn(8000, function() { 
      $(".header > ul").ajaxSend(function(){this.fadeTo("8000", 0.0)}); 
     }); 
}); 

Sie grundsätzlich einen Rückruf für fadeIn angeben, so dass, wenn es fertig ist, ruft er die Funktion. Ich bin nicht sicher, das ist genau das, was Sie wollen, aber Sie bekommen die Idee.