title: Javascript move div onClick
body: <p>I'm trying to get a div <code>#sidebar</code> that rests above my main <code>#stream</code> div to move from position <code>left: 565px;</code> to position <code>left: 0px;</code> onClick of one image in the <code>#sidebar</code> div (the red arrow in the images below), and do the reverse onClick of the same image. I know I have to use JavaScript, but I have no idea what the code would be. If possible, I would like to animate the div move too.</p>
  
  <p>The pre-clicked state (the arrow will be my link):
  <img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash4/485324_10200534593996225_1786580580_n.jpg" alt="main view"></p>
  
  <p>The post-clicked state:
  <img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-frc1/21797_10200534593916223_6557096_n.jpg" alt="app view"></p>
  
  <p>Thanks in advance!</p>