Ball Animation

gistfile1.html

<script src="vendor/jquery.js"></script>
<style>
  #ball {
    position: relative;
    top: 290px;
  }

  #lane {
    position: relative;
    height: 300px;
    width: 100px;
    border: 1px solid black;
    padding: 20px;
  }

</style>

<div>
  <div id="lane"><div id="ball">i'm a ball</div></div>
</div>

<button id="go">Go</button>

<script>
$( "#go" ).click(function() {
  $( "#ball" ).animate({ "top": "-=300px" }, "fast" );
});
</script>