69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<div id="demo">

3883a992e58e3629e15903ab299e20fce8483e2cJeff Conniff <a href="#" title="run the animation"></a>

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney</div>

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<script type="text/javascript">

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt SweeneyYUI().use('transition', function(Y) {

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney var node = Y.one('#demo');

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney node.one('a').on('click', function(e) {

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney e.preventDefault();

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney node.transition({

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney duration: 1, // seconds

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney easing: 'ease-out',

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney height: 0,

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney width: 0,

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney left: '150px',

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney top: '100px',

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney opacity: 0

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney }, function() {

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney this.remove();

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney });

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney });

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney});

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney</script>