How do I get some JavaScript/jQuery to run in sequence
<p>I have an HTML file which contains two divisions. One has id 'welcome' and the other is named 'welcome_distort'.</p>

<p>With jQuery imported, I have a seperate js file which contains some code that operates on these divs.</p>

<pre><code>$("#welcome").fadeTo(50,0.1);
$("#welcome").fadeTo(10,1.0);
$("#welcome").fadeTo(10,0.1);
$("#welcome").fadeTo(10,1.0);
$("#welcome").fadeTo(1000,0.0);

$("#welcome_distort").css({opacity:"1.0"});
</code></pre>

<p>All the fadeTo() commands work in sequence. What I then want to happen is the css() command to come after these fadeTo()s. In reality, the operation on welcome_distort takes place at the same time as the first operation on welcome. My question is: how do I get the .css() operation to run after the last .fadeTo().</p>

<p>Many Thanks,
John</p>
