title: Basic toggle() bottom-to-top slide issue
body: <p>This code actually works, but not exactly in the way I'm expecting.</p>
  
  <p>".socialSlide" is a div set at the bottom of the page that features an anchor "tab" that sticks out. The rest of the div is hidden at the bottom. The idea is to have the div show or hide via animation either on click or hover of that link.</p>
  
  <pre><code>// Adding the anchor link and hiding the rest of the div   
  $('.socialSlide').prepend('&lt;a href="#" class="ssOpen"&gt;Share&lt;/a&gt;').css('bottom', '-77px');
  </code></pre>
  
  <p>And adding the toggle function to that anchor</p>
  
  <pre><code>    /*add socialSlide toggle*/
  $('.socialSlide a.ssOpen').toggle(function() {
      $(this).parent().stop().animate({"bottom": "-25px"},{ queue:false, duration:900, easing: 'easeInOutQuint'});
      }, function() {     
      $(this).parent().stop().animate({"bottom": "70px"},{ queue:false, duration:900, easing: 'easeInOutQuint'});
  </code></pre>
  
  <p>What is happening:</p>
  
  <ol>
  <li><p>The anchor receives the first
  animate command on click. Fine.</p></li>
  <li><p>Another click on the anchor link should
  hide back the div as before, but it
  doesn't happen. It goes up at least
  other 70 px.</p></li>
  <li><p>A third click on the
  anchor seems to execute the second
  function() correctly, and then the
  first, from there on.</p></li>
  </ol>
  
  <p>So, what may be happening on step 2? Am I missing something? Apologies if this sounds too basic. Thanks in advance.</p>