This example shows how to show and hide Node instances.

{{>node-view-source}}

Showing a Node

By default, Node instances are hidden using the node's hidden attribute and the CSS display. Calling the show method displays the node.

``` Y.one('#demo').show(); ```

Hiding a Node

The opposite of show, the hide method sets the node's hidden attribute to true and the CSS display to none.

``` Y.one('#demo').hide(); ```

Toggling visibility

You can toggle the visibility between show and hide using toggleView.

``` Y.one('#demo').toggleView(); ```

Checking visibility

You can detect whether a node is visible or not by checking for the hidden attribute:

``` var isHidden = Y.one('#demo').getAttribute('hidden') === 'true'; ```

Complete Example Source

``` {{>node-view-source}} ```