8N/A<link href="{{componentAssets}}/node.css" rel="stylesheet" type="text/css">

8N/A<div class="intro">

8N/A <p>This example shows how to show and hide <code>Node</code> instances.</p>

8N/A</div>

8N/A

8N/A<div class="example">

8N/A{{>node-view-source}}

8N/A</div>

8N/A

8N/A<h2>Showing a Node</h2>

8N/A<p>By default, Node instances are hidden using the CSS <code>display</code> property. Calling the <code>show</code> method displays the node.</p>

8N/A```

8N/A Y.one('#demo').show();

8N/A```

8N/A

8N/A<h2>Hiding a Node</h2>

8N/A<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>

8N/A```

8N/A Y.one('#demo').hide();

8N/A```

1241N/A<h2>Complete Example Source</h2>

8N/A```

8N/A{{>node-view-source}}

8N/A```

95N/A