fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney<link href="{{componentAssets}}/node.css" rel="stylesheet" type="text/css">
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney<div class="intro">
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney <p>This example shows how to show and hide <code>Node</code> instances.</p>
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney<div class="example">
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney{{>node-view-source}}
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney<h2>Showing a Node</h2>
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney<p>By default, Node instances are hidden using the CSS <code>display</code> property. Calling the <code>show</code> method displays the node.</p>
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney Y.one('#demo').show();
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney<h2>Hiding a Node</h2>
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt 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>
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney Y.one('#demo').hide();
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney<h2>Complete Example Source</h2>
fb1ecdf65fd4106deb62da339763f2e7670ca0f6Matt Sweeney{{>node-view-source}}