Brix — UX

给 HelloWorld 增加 show、hide 方法：

HelloWorld.METHODS = {
    show:function () {
        this.get('el').fadeIn();
    },
    hide:function () {
        this.get('el').fadeOut();
    }
};

当前上下文（this）是当前组件的实例对象

亲，还有一件事情很重要，将 HelloWorld.METHODS 成员复制到 HelloWorld.prototype 上。

S.augment(HelloWorld, HelloWorld.METHODS);

demo：

<div id="container1">
    <button id="btnhide" class="btn btn-shopping-cart btn-size30">
        hide
    </button>
    <button id="btnshow" class="btn btn-taobao btn-size30">
        show
    </button>
    <div id="helloworld1">
        <span>Hello <span id="spanName">World</span></span>
    </div>
</div>

KISSY.use('helloworld',function(S,HelloWorld){
    var helloworld = new HelloWorld({
        tmpl:'#helloworld1'
    });

    S.one('#btnshow').on('click',function (e) {
        helloworld.show();
    });
    S.one('#btnhide').on('click',function (e) {
        helloworld.hide();
    });
});

METHODS：公共方法

demo：