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

<div class="yui3-hd">

<h3>Animation Demo</h3>

<a href="remove.php?id=#demo" title="remove module" class="yui3-remove"><em>remove</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>

<script type="text/javascript">

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

var anim = new Y.Anim({

node: '#demo',

to: { opacity: 0 }

});

var onClick = function(e) {

e.preventDefault();

anim.run();

};

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

});

</script>