transition.html revision 142b1eb4e6b33c96ecf163bf42d31147b2e0e1d0
<html>
<head>
<style>
li {
background:#ccc;
}
</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;
document.onclick = function() {
on: {
start: function() {
//this.setStyle('width', this.getComputedStyle('width'));
}
},
width: {
value: 0
}
});
//width: '10px'
});
};
});
</script>
</body></html>