I have written a JQuery function, where there are multiple elements fading in with CSS and JQuery. I am using JQuery to time the delay, and was wondering of a better, more efficient way to do this instead of just adding more time between the events.

Code below.

1. (function($){
   $(document).ready(function(){
   $("h2#Fancy").delay(3000).fadeTo(3000,1);
   $("h2#Personal").delay(7000).fadeTo(3000,1).delay(3000).fadeOut("slow");
   $("h2#BG").delay(9000).fadeTo(3000,1);
   $("h3.tagline").delay(11000).fadeTo(3000,1);
   });
    })(jQuery);