77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington<style scoped>

70e5a7403f0e0a3bd292b8287c5fed5772c15270Automatic Updaterdiv.demo {

499b34cea04a46823d003d4c0520c8b03e8513cbBrian Wellington margin: 1em 0;

40f53fa8d9c6a4fc38c0014495e7a42b08f52481David Lawrence width: 300px;

ec5347e2c775f027573ce5648b910361aa926c01Automatic Updater background-color: #B6BFDA;

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington border: 1px solid #7E869D;

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);

40f53fa8d9c6a4fc38c0014495e7a42b08f52481David Lawrence border-radius: 3px;

dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews}

dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews

dafcb997e390efa4423883dafd100c975c4095d6Mark Andrewsdiv.demo p {

dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews padding: 1em;

dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews zoom:1;

dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews}

dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews</style>

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington<div class="intro">

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington <p>This example shows how to show and hide Node instances.</p>

7d6d9c22404af9e81614e0a143f8bab65a97e8d4Francis Dupont</div>

9c3531d72aeaad6c5f01efe6a1c82023e1379e4dDavid Lawrence

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington<div class="example">

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington{{>transition-view-source}}

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington</div>

29747dfe5e073a299b3681e01f5c55540f8bfed7Mark Andrews

ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein<h2>Showing a Node</h2>

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington<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>

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington```

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington Y.one('.demo').show(true);

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington```

289ae548d52bc8f982d9823af64cafda7bd92232Mark Andrews

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington<h2>Hiding a Node</h2>

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington<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>

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington```

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington Y.one('.demo').hide(true);

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington```

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington<h2>Complete Example Source</h2>

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington```

77744ef5751dffff35b24aa7a2a51e0f35447f13Brian Wellington{{>transition-view-source}}

14c5931d3d52baf17a786153c35c05fa62f916dcBrian Wellington```

b984520acca2532d048eae929dc0682dd334c7a3Brian Wellington