<div id="demo" class="yui3-module">

<div class="yui3-hd">

<h3>Animation Demo</h3>

<a title="collapse module" class="yui3-toggle"><em>toggle</em></a>

</div>

<div class="yui3-bd">

<p>This an example of what you can do with the YUI Animation Utility.</p>

<p><em>Follow the instructions above to see the animation in action.</em></p>

</div>

</div>

<p>This is placeholder text used to demonstrate how the above animation affects subsequent content.</p>

<script type="text/javascript">

YUI().use('anim', function(Y) {

var anim = new Y.Anim({

node: '#demo .yui3-bd',

to: { height: 1 },

easing: 'backIn'

});

var onClick = function(e) {

e.preventDefault();

anim.run();

};

Y.one('#demo .yui3-toggle').on('click', onClick);

});

</script>