title: Achieving a bounce effect on text using jquery animate()?
body: <p>I am trying to use Jquery to create a bounce effect, this is what i have so far:</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;div id ="animation"&gt;bounce&lt;/div&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$("#animation").animate({ marginTop: "80px" }, 1500 )
                 .animate({ marginBottom: "40px" }, 800 );
  </code></pre>
  
  <p>Its goes downwards but not upwards, i tried searching the documentation, but it doesn't</p>
  
  <p>working example here: <a href="http://jsfiddle.net/zLw8F/" rel="nofollow noreferrer">http://jsfiddle.net/zLw8F/</a></p>