title: Run different function on clicking again
body: <p>I have this code </p>
  
  <pre><code>jQuery('.button').click(function() {
      jQuery('.div1').animate({width: 'toggle'});
      jQuery('.div2').animate({width: '100%'});
  });
  </code></pre>
  
  <p>Works fine for once. But I want to bring back <strong>div2</strong> on clicking again.
  toggle would've worked but the problem is, I don't want to hide div2 but just lower its width with animation.</p>
  
  <p>What would be the correct code to do that?</p>