69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<button id="hide">hide</button>

4fc64ebec801ccaa294ed49656cb9f47e96aa181Matt Sweeney<button id="show">show</button>

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<div class="demo"><p>lorem ipsum dolor sit</p></div>

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<script type="text/javascript">

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt SweeneyYUI().use('transition', 'node-event-delegate', function(Y) {

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney Y.delegate('click', function(e) {

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney var buttonID = e.currentTarget.get('id'),

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney node = Y.one('.demo');

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney if (buttonID === 'show') {

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney node.show(true);

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney } else if (buttonID == 'hide') {

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney node.hide(true);

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney }

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney }, document, 'button');

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney});

69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney</script>