title: jquery fade in at same time as fade out
body: <p>I'm stuck and I really don't udnerstand jQuery right now!</p>
  
  <p>I want my 3 blocks to fade in a fade out with 3 second delay, in a loop.</p>
  
  <p>This works but I want block 1 to fade out WHILST block 2 is fading in, and not afterwards.</p>
  
  <p>And block 2 to fade out WHILST block 3 is fading in ... and so on!</p>
  
  <pre><code>$(".block2").fadeTo("fast", 0.3)
  $(".block3").fadeTo("fast", 0.3)
  
  function1();
  
  var timing = 3000;
  
  function function1(){
  $(".block1").fadeTo("slow", 1).delay(timing).fadeTo("slow", 0.3, function2);
  }
  
  function function2(){
  $(".block2").fadeTo("slow", 1).delay(timing).fadeTo("slow", 0.3, function3);
  }
  
  function function3(){
  $(".block3").fadeTo("slow", 1).delay(timing).fadeTo("slow", 0.3, function1);
  }
  </code></pre>
  
  <p>Thank you =)</p>