title: JQuery animated banner
body: <p>So I previously asked a question about how to create a banner like the one shown <a href="http://osc4.template-help.com/drupal_30779/" rel="nofollow">here</a> and I got a really good answer to start me off. I have been working on it since and I'm having a lot of problems getting the animation to slide back to it's original position.
  <br /> Here is my animation: <a href="http://jsfiddle.net/43nCF/" rel="nofollow">http://jsfiddle.net/43nCF/</a> (don't click the green block first)
  <br /> <strong>Issue:</strong> After the first time you toggle a block, clicking another block will not move it to the left.
  <br />I also have some other minor issues which I would be grateful if someone helped me with.</p>
  
  <ul>
  <li>How do I get the width and the moving of the blocks to animate simultaneously like in the banner animation I am trying to replicate?
  <li>How do I get the block to slide back to the original position instead of just kind of 'transporting' there?
  </ul>
  
  <p>I am only beginner at jQuery so any help would be amazing.Thanks.</p>