Skip to content

Instantly share code, notes, and snippets.

@triptych
Created September 22, 2010 18:21
Show Gist options
  • Save triptych/592205 to your computer and use it in GitHub Desktop.
Save triptych/592205 to your computer and use it in GitHub Desktop.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript"
src="http://yui.yahooapis.com/3.2.0/build/simpleyui/simpleyui-min.js"></script>
<link rel="stylesheet" type="text/css"
href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css">
<script>
Y.on("domready", function(){
Y.one("#test").on("click",function(){
Y.log("clicked!");
Y.all("#foo").transition({
height: {
delay:1.25,
easing: 'ease-out',
value: 0
}
})
})
});
</script>
</head>
<body>
<p>this text is above</p>
<div id="foo">
<div>hello</div>
<div>world</div>
</div>
<p>this text is below</p>
<button id="test">test code</button>
<div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment