node-view.mustache revision fb1ecdf65fd4106deb62da339763f2e7670ca0f6
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