要素の非表示を指定|表示

一般的にこのような二重状態では3つのapi----show|hide|toggleを提供します
 
次のapiは主にstyleを設定します.ディスプレイで表示と非表示を制御します.jQueryのやり方を参考にして、アニメーション効果の一部を増やすことができます.
 
1、先に表示しましょう.
 
 

/*
*show - show the element*
*@function*
*@param {string||HTMLElement} element*
*@return {HTMLElement}*
*TODO--later i will add speed to this api just like jquery*
http://code.jquery.com/jquery-1.4.js
*/
ZYC.dom.show = function(element){
    element = ZYC.dom.g(element);
    element.style.display = "";
    return element;
};

 
2、また隠す
 
 

/*
*hide - hide the element*
*@function*
*@param {string||HTMLElement} element*
*@return {HTMLElement}*
*TODO--later i will add speed to this api just like jquery*
http://code.jquery.com/jquery-1.4.js
*/
ZYC.dom.hide = function(element){
    element = ZYC.dom.g(element);
    element.style.display = "none";
    return element;
};

 
3、現在の表示と非表示を切り替えることができる
 
 

/*
*toggle - change the show/hide of the element*
*@function*
*@param {string||HTMLElement} element*
*@return {HTMLElement}*
*TODO--later i will add speed to this api just like jquery*
http://code.jquery.com/jquery-1.4.js
*/
ZYC.dom.toggle = function(element){
        element = ZYC.dom.g(element);
	element.style.display = element.style.display=="none" ?"" : "none";
};