tests/manual/transition.html

	transition.html revision b92e4372c5a34f48e457b60dfa9b136cf19c8498
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
li {
    background:#ccc;
    height: 100px;
}
</style>
<script src="/build/yui/yui.js"></script>
</head>
<body>
<p> this is some text above the li</p>
<ul>
    <li>this is a</li>
    <li>this is b</li>
    <li>this is c</li>
</ul>
<p>this is some text below the li</p>

<script type="text/javascript">

YUI({filter:'debug'}).use('transition', 'event-custom-complex', 'selector-native', 'node-style', function(Y) {
    var nodes = Y.all('ul li'),
        node = nodes.item(0),
        running = false;

    Y.TRCOUNT = 0;
    document.onclick = function() {
    /*
        if (!Y.TRCOUNT) {
            node.transition({
                height: 0,
                duration: 2
            });
        } else {
            node.destroy();
        }
        Y.TRCOUNT++;
    */
    };

    var node = Y.one('body');

    Y.on('click', function(e) {
        console.log('click');
        node.destroy();
    }, document.body);
});

</script>
</body></html>