title: jQuery move div left on click then right on click
body: <p>I have a div that sits just off the right of my screen (-190px). When I click another div (called coffee) I want the offscreen div to appear, then when I click the coffee div again, I want the other div to move offscreen again.</p>
  
  <p>Currently my code moves it on screen then immediately back off.</p>
  
  <pre><code>$('span.coffee').click(function(){
      $('.quick_contact').animate({'right' : '0px'});
  });
  $('span.coffee').click(function(){
      $('.quick_contact').animate({'right' : '-190px'});
  });
  </code></pre>
  
  <p>How can I make it so that it stops until I click on 'span.coffee' again?</p>