69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<style scoped>
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney margin: 1em 0;
341bb1996b783cae466293aa5bc962318c8e48f5Jeff Conniff width: 300px;
341bb1996b783cae466293aa5bc962318c8e48f5Jeff Conniff background-color: #B6BFDA;
341bb1996b783cae466293aa5bc962318c8e48f5Jeff Conniff border: 1px solid #7E869D;
341bb1996b783cae466293aa5bc962318c8e48f5Jeff Conniff box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
341bb1996b783cae466293aa5bc962318c8e48f5Jeff Conniff border-radius: 3px;
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney padding: 1em;
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<div class="intro">
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney <p>This example shows how to show and hide Node instances.</p>
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<div class="example">
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney{{>transition-view-source}}
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<h2>Showing a Node</h2>
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<p>The view of a Node instance can be transitioned by passing <code>true</code> to the <code>show</code> and <code>hide</code> methods.</p>
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney Y.one('.demo').show(true);
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<h2>Hiding a Node</h2>
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<p>The opposite of <code>show</code>, the <code>hide</code> method sets the node's CSS <code>display</code> property to <code>none</code>.</p>
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney Y.one('.demo').hide(true);
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney<h2>Complete Example Source</h2>
69d0a7351a7624ee341dbfd2ab1e6b38c01d8333Matt Sweeney{{>transition-view-source}}