Question

I’m trying to show a div AFTER all other animations have finished. The code I have now will do it all simultaniously.

$(document).ready(function(){
$('#header').hide();

$('.contactl').click(function(){$('#content').stop().scrollTo('#contact',1250,{easing:'easeinout'});
});

$('#menu').click(function() {$('#header').fadeIn(4000)});

So the menu has to fade in after the contact animation. They’re in seperate functions or else I have to include the menu part of the code in all menu item functions.

Can this be done? And if so, how?

Answer 1

I figured out a simple solution after extensive Googling.
Adding…
.delay(800)
solves the problem.