title: jQuery combine toggle with click
body: <p>here is the code: <a href="http://jsfiddle.net/sxqwp/1/" rel="nofollow">http://jsfiddle.net/sxqwp/1/</a></p>
  
  <p>My question is when I press 'close' then press 'toggle' nothing happens, after second click shows text. When I click 'toggle' it hides text then I click 'open' it shows text but when click again 'toggle' it still shows etc. How can I fix this</p>
  
  <p>what if something like this?</p>
  
  <p><a href="http://jsfiddle.net/sxqwp/6/" rel="nofollow">http://jsfiddle.net/sxqwp/6/</a></p>
  
  <pre><code>$("a").toggle(
    function () {
        $('p').animate({width: "200px"});
    },
    function () {
      $('p').animate({width: "100px"});
    }
  );
  
  
  $("a.openA").click(function() {
      $('p').stop().animate({width: "200px"});
  });
  
  
  $("a.closeA").click(function() {
      $('p').stop().animate({width: "100px"});
  });
  </code></pre>