transition.html revision 564c5c8d77e1fe074bfa96133bfdbbd0707c1ed3
<html>
<head>
<style>
li {
background:#ccc;
height: 100px;
}
</style>
</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) {
height: 0,
duration: 2
}, function() {
node = Y.one('li');
console.log(node.getStyle('height'));
node.setStyle('height', '100px');
console.log(node.getStyle('height'));
});
node.destroy();
} else {
node = Y.one('li');
node.setStyle('height', '100px');
}
Y.TRCOUNT++;
};
/*
var node = Y.one('body');
Y.on('click', function(e) {
console.log('click');
node.destroy();
}, document.body);
*/
});
</script>
</body></html>