ADS.toggleDisplay()方法
你经常会发现的操作是切换DOM树中元素的可见性。虽然切换可见性的代码量很少,但将其提取到一个公共函数中同样会减少不必要的重复输入。在你的ADS命名空间中添加这个方法的其余代码:
function toggleDisplay(node, value){ if (!(node = $(node))){return false;} if (node.style.display != "none"){ node.style.display = "none"; } else { node.style.display = value || ""; } return true; }; window["ADS"]["toggleDisplay"] = toggleDisplay;
然后,当像下面这样调用该方法时:
ADS.toggleDisplay(ADS.$("example"));
则相应元素的display属性值将在none和空值(默认值)之间来回切换。如果为了实现不同的显示类型(这里指CSS中的inline、inline-block和block三种元素显示类型,这三种显示类型会使元素分别成为页面中的行内元素、行内块级元素和块级元素。但对于这个方法定义而言,只有当要操纵的DOM元素当前的显示属性为none时这种切换才会实现。)而重用这个函数,也可以在调用它时包含可选的第二个参数,以定义期望的默认显示属性。