jQuery Align Plugin Demo

by DoomHamster

HTML

<script src="https://raw.github.com/DoomHamster/Align-jQuery-Plugin/master/src/jquery.align.js"></script>
<button id="clickme">Clicky</button>
<div id="parent"><div id="blah">OY!</div></div>

CSS

#blah {
  background-color:#abc;
  position:absolute;
  left:30px;
  top: 20px;
  width:30px;
  height:20px;
}

div{
  position:relative;
  background-color:#f8f8f8;
  width:400px;
  height:400px;
}

JavaScript

//note that you will need to link my jQuery Align Plugin available at https://github.com/DoomHamster/Align-jQuery-Plugin

$('#clickme').click(function() {
    $('#blah').align({duration:'slow'});
});