Как сделать анимацию преобразования

Question

У меня есть сценарий для моей HTML-страницы. Я хочу сделать следующее в этом сценарии:

1. Покажите поджимать #id на несколько секунд, а затем исчезать;

2. Хотя ДИВ загружает главную страницу под этим DIV, который показан причиной моей opacity является 0.7 я хочу tranform в nav-bar до окна браузера так bassically скрыть его и в таком положении, чтобы tranform новый nav-bar.

Я хочу, чтобы это произошло, пока страница предварительной загрузки работает не после! И я хочу показать больше контуров в parraler с анимацией nav-bar.

Я создал сценарий, но я заблудился в том, как позиционировать свои действия, и я не знаю, сделал ли я что-либо добросовестно. Я делаю выгорание предзагрузчика.

$(window).load(function(){ 
    $("#fade").css({opacity: 0.7}) 
    $("#fade").delay(4000).fadeOut(1000, function() { 
     $('#nav-before').transition({ y: '40px' }); //now I want to hide the nav 
     //and show the new with id="nav-after" 
      //and in parraller with the above to be able to load more contects 
     $("#fade").remove(); //when evrything finished kill the div 
    }); 

}); 

Answer 1

$("#fade").animate({ 
    opacity: 0.0 
    }, 5000, function() { 
    // Animation complete. 
    }); 

Вы можете играть с одушевленных. Вот ссылка: jquery.com/animate/