jQuery combine toggle with click
<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>
