jQuery - Queue unrelated DOM elements in the same queue
<p>I've been reading all types of examples about jQuery's queue() function, all of them demonstrate with only one DOM element.</p>

<p>What I need is to run an event on one element and once that's complete run an event on another element.</p>

<p>I've made up an example to test this: <a href="http://jsfiddle.net/paulmason411/4F6CE/" rel="nofollow">http://jsfiddle.net/paulmason411/4F6CE/</a></p>

<p>Basically I want the first block to fade, and then when that's finished the second block fade. I got it working using the nested method, but it's commented out, and not the suitable method for me.  </p>

<p>Any ideas? Is queue the right function for this? Thanks.</p>
