How do I set document property with delay using jquery?

Question

56     $("#DivStage2").delay(11000).fadeIn(1000);
57     $("#DivStage2").delay(56000).fadeOut(1000); //11000 to 69000
58     < need code here > 
  I have document item as defined below
  document.getElementById('2').setAttribute("style", "color: #FFF;");
I want this to run on line 58 above with a delay before it of 4 seconds after line 56 starts.
Please can anyone advise.
Thank you in advance for any feedback and for everyone who has helped me so far on previous enquiries.
I've ordered a jquery book which might help me, but I'm still learning.
Terry

Answer 1

terryfoster wrote:
Okay I have
   <div id="DivStage2" >
    <h2 id="1" style="color: #707070;">Topic1</h2>
    <h2 id="2" style="color: #707070;">Topic2</h2>
  </div>
Now in the function above I have...
$("#DivStage2").delay(1000).fadeIn(1000);              // delay 1 sec then fade in for 1 sec
$("#DivStage2").delay(56000).fadeOut(1000);         // keep this div onscreen for 56 secs then fadeout 1 sec
Now after 20 seconds I want to turn Topic2 white as this is the one I want to focus on.....
and topic1 grey again
I would have thought......
         $("h2 #2").delay(20000).css("style", "color: #FFF;").delay(20000);
would have turned the second topic white but No.... It does nothing at all
(hmm why does everything I cut and paste end up in a table here now!!! What a bother editing!)
Thank you
It wont do anything because that function will only be executed after the <div> has faded out if it comes after
$("#DivStage2").delay(56000).fadeOut(1000);